자바스크립트 지도 표시 플러그인을 찾고 있습니다.

1. 다음과 같은 효과를 얻을 수 있는 자바스크립트 플러그인이 있나요? ​​왼쪽의 세 개체를 지도로 드래그한 후 마우스를 놓으면 표시가 남습니다. (지도 위치를 표시하는 데 사용됨) 마우스를 놓으면 편집 가능한 대화 상자가 나타납니다.

怪我咯 2017-05-18 10:49:58 0  1  612

클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3793

ReactJS를 사용하여 요소를 숨기는 방법

화면에 텍스트를 표시하고 버튼을 눌렀을 때만 숨기고 싶은데 어떻게 해야 할지 모르겠습니다. 이 효과를 얻기 위해 useState를 사용하고 싶습니다. const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>제가 발견한 문제는 버튼을 클릭할 때 페이지가 다시 렌더링하면 가시성 값이 기본값이 됩니다.

P粉136356287 2023-09-07 19:21:22 0  2  496

이미지의 시작점과 끝점

이미지의 시작점과 끝점을 설정하려고 합니다. 캔버스와 이미지가 있고 이미지를 캔버스에 넣을 때 시작/끝 지점 위로 마우스를 가져가면 작은 빨간색 원이 켜지기를 원합니다. 이는 다른 이미지 연결을 사용하여 만들 수 있음을 의미합니다. 예: 1) 이미지를 드래그합니다. 2) 이미지를 캔버스에 배치합니다. 3) 시작점/종료점에 마우스를 올리면 작은 빨간 점이 켜집니다. 보시다시피 빨간색 점은 마우스를 올려놓을 때만 나타납니다. 또 다른 질문이지만 첫 번째 질문을 해결하면 멋지네요. 이미지가 그릴(사각형)을 따르지 않습니다. 이것은 htm...

P粉511757848 2023-08-31 12:24:51 0  1  574

flex CSS - 래핑 대신 특정 높이 이후의 클립 요소

테두리는 정적 높이와 너비를 나타냅니다. 항목 5와 6을 두 번째 줄에 두고 그림과 같이 세 번째로 포장하는 대신 항목 3과 6을 잘라내기를 원합니다. Flex를 사용하여 어떻게 이를 달성할 수 있나요? 이 문제를 보완하기 위해 테두리와 함께 표시되는 컨테이너의 너비는 사용자 작업에 따라 크기가 조정될 수 있습니다. 넓을 때. 예를 들어, 너비가 4개 요소를 수용할 수 있을 만큼 넓으면 첫 번째 행에 4개 요소를 모두 표시하고 두 번째 행에 나머지 요소를 표시합니다. 컨테이너의 너비를 축소할 때 아래 이미지에 표시된 것처럼 최대 2...

P粉785957729 2024-04-01 14:02:02 0  1  522

PHP: 하위 폴더의 모든 이미지를 단일 폴더로 복사하는 방법(하위 폴더를 만들 필요가 없습니다!)

아내의 생일 파티를 위해 파티 손님들의 사진을 모아서 기념품으로 멋진 책을 만드는 웹사이트를 만들었습니다. 손님은 계정을 가지고 있으며 "자신의" 폴더에 이미지를 업로드합니다. 이제 사진에서 슬라이드쇼를 동적으로 생성하는 도구가 생겼습니다. 하지만 불행히도 이 도구는 하위 폴더를 탐색할 수 없습니다. 따라서 나의 주요 목표는 이미지 파일을 슬라이드쇼가 가져올 수 있는 지정된 폴더에 복사하는 것입니다. 그런 다음 약 5분마다 PHP 스크립트를 cron으로 실행하고 파티가 진행되는 동안 화면에 이미지를 표시합니다. 나...

P粉877114798 2024-01-29 09:16:15 0  1  407

JavaScript는 썸네일에서 전체 너비 이미지 페이지로의 원활한 전환을 구현합니다.

http://manifesto.clapat.com/ 홈 페이지의 항목을 클릭하면 해당 항목 페이지의 제목이 될 썸네일에서 전체 화면 이미지로 전환됩니다. 이러한 전환 효과는 어떻게 생성되며 ReactRouter 대신 내부 라우팅을 사용하여 이를 구현하는 가장 좋은 방법은 무엇입니까? 누군가가 ReactRouter에서 작동하도록 할 수 있다면 저도 그것을 포팅할 수 있습니다. 사용 가능한 몇 가지 튜토리얼이 있지만 모두 다른/프로젝트 페이지로 이동하는 대신 전체 화면 모달 구성 요소와 유사하게 동일한 페이지에 데이터를 로드합니다.

P粉536532781 2023-09-15 22:09:37 0  1  967

HTML 테이블의 이미지를 오른쪽 정렬하는 방법

저는 Django 웹사이트를 만들었고 상단에 작은 형태처럼 결과를 표시하고 싶습니다. 왼쪽에 테이블이 있는데 오른쪽 테이블에 두 장의 사진과 또 다른 열을 추가하고 싶습니다. 더 잘 설명하기 위해 다이어그램을 디자인했습니다. 여기에 이미지 설명을 입력하세요. 이제 양식 1과 표에 대한 코드를 작성했습니다. 백엔드 코드도 작성합니다. 이미지와 양식 2가 양식의 오른쪽에 있으므로 HTML 코드를 작성하는 방법을 알고 싶습니다. HTML 코드를 작성하면 표 아래에 표시됩니다. 누구든지 테이블 오른쪽에 그림과 양식 2를 추가하는 데 도움을...

P粉555696738 2023-09-02 09:04:11 0  1  630

슬롯을 사용하여 캐러셀을 만드는 방법은 무엇입니까?

사람들은 일련의 이미지를 사용하여 캐러셀을 만드는 동일한 방법을 계속 보여주었습니다. 그러나 캐러셀의 각 슬라이드에 라이트박스 구성 요소가 포함되기를 원하기 때문에 이 접근 방식은 융통성이 없습니다. 이 경우 캐러셀 배열에 넣은 이미지에 대한 라이트박스 기능을 재정의하고 싶지 않습니다. 정말 좋지 않나요? 코드를 적게 작성하고 Vue.js의 재사용 가능한 구성 요소를 그 어느 때보다 유용하게 만드세요. 슬롯을 사용하는 아주 좋은 예를 찾았습니다. GitHub의 SSENSE가 만든 VueCarousel. 능숙하지 않은 웹 개발자로서 ...

P粉817354783 2024-01-10 16:53:13 0  1  414

css3 - 배경색 대신 CSS 글꼴 스타일과 채우기 색상 추가

다음과 같은 글꼴 스타일이 있습니다. 전체 스팬이 하트를 감싸는 대신 하트에 색상을 추가하려는 경우 색상 오류는 다음과 같습니다. 스팬의 정의는 다음과 같습니다. {코드...} 배경색을 추가하면 위의 그림이 나타납니다. 색상을 직접 사용하면 하트 모양의 테두리만 색칠됩니다.

天蓬老师 2017-06-08 11:02:27 0  2  1267

제목이 다음과 같이 변경됨: CSS3의 100vh 값은 모바일 브라우저에서 고정되지 않습니다.

매우 이상한 문제가 있습니다... 제가 접한 모든 브라우저와 모바일 버전에는 다음과 같은 동작이 있습니다. 페이지를 로드할 때 모든 브라우저에는 상단 메뉴(예: 주소 표시줄 표시)가 있습니다. 페이지 스크롤을 시작하면 그것은 위로 미끄러진다. 때로는 100vh가 뷰포트의 보이는 부분에서만 계산되므로 브라우저 표시줄이 위로 슬라이드되면 100vh가 증가하고(픽셀 단위) 사용자 경험을 위해 모든 레이아웃이 다시 그려지고 크기가 조정됩니다. 효과가 좋지 않으면 이런 문제가 발생하나요? 처음 뷰포트 높이에 대해 들었을 때 너무 기뻤습니다.

P粉682987577 2023-08-21 16:49:22 0  2  500

PHP의 배열: 새 항목을 추가할 때 놀라운 결과

그래서 저는 Instaloaderpython 라이브러리에서 수집한 이미지를 수집하고 이를 제 웹사이트의 갤러리에 넣을 수 있는 코드를 작성하고 있습니다. 아무 문제 없이 이를 수집하고 표시했지만 이제 각 게시물에 대한 헤더를 구현하기 시작했고 문제가 발생했습니다. 라이브러리가 사진을 다운로드하는 방식은 컬렉션에 사진이 2개 이상 있을 경우 컬렉션에 있는 이미지의 위치를 ​​기준으로 게시물에 _1, _2 등의 접미사를 추가하고 .txt 파일을 제목. 수집용 샘플 폴더 내용 : 2022-12-26_14-14-01_UTC

P粉893457026 2024-03-31 14:10:42 0  1  532

호버 시 기울기 효과 버그

내부에 텍스트가 있는 기울기 효과가 있는 버튼이 있는데 버튼을 마우스로 가리키면 버튼 옆에 두 줄이 나타납니다. 버튼이 보일 때까지 버튼 위에 마우스를 올려 놓는 코드가 있는데, 이는 매우 무작위적인 부작용입니다. Chrome의 문제인 것 같은데 확실하지 않습니다. 다음은 문제의 사진입니다: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50 0  1  357

JavaScript 기본 사항

JavaScript1. JS와 DOM의 관계 브라우저에는 html 코드를 렌더링하는 기능이 있습니다. html 소스 코드는 메모리에 DOM 객체로 구성되어 있으며 내부에는 JS 인터프리터/실행/엔진이 있습니다. 예를 들어, 크롬은 v8 엔진을 사용합니다. JS 코드는 엔진에 의해 실행되고, 그 실행 결과는 우리가 흔히 볼 수 있는 특수 효과입니다. 그림이 떠다니고 텍스트의 색상이 바뀌는 것처럼 브라우저가 실행되면 html 코드를 만나게 되고, js를 만나면 해석되어 실행됩니다.

只是没有如果 2018-11-19 20:33:14 0  0  1098

javascript - 스와이프 이미지를 스와이프할 수 없습니다.

질문의 제목은 요청한 데이터가 없어서 Vue로 작성하여 가짜 데이터가 생성되었습니다. 이는 동적으로 생성된 img 태그이며 페이지에서 사용되는 것입니다. 그런데 Chrome을 열고 효과를 살펴보니 이건 스와이프도 안되고, 초기 이미지만 보이는데, 해당 사진의 동적으로 생성된 이미지도 다음과 같은 구조를 가지고 있는데 왜 그릴 수 없는 걸까요...

黄舟 2017-07-05 10:48:46 0  6  1273

사용자가 한 페이지에서 이미지를 업로드하거나 변경하고 다른 페이지에 표시하도록 허용하는 방법은 무엇입니까?

사용자가 한 페이지에 사진을 업로드한 다음 다른 페이지에 표시하도록 하는 방법은 무엇입니까? 사용자는 이미지를 변경할 수 있으며 다른 페이지에서도 변경됩니다. 또한 가장 잘 작동하는 php/js/jquery/mysqli를 사용하는 것에 대해 이야기하고 있습니다. (저는 이 분야의 초보자이므로 간단한 언어를 사용해주시면 감사하겠습니다 :)) EDIT: 네, 초보자라고 말했지만 그렇다고 제가 코딩에 대해 전혀 모른다는 뜻은 아닙니다. . 또한 YouTube 및 기타 stackoverflows 질문에서 몇 가지 솔루션을 보았지만 모두

P粉298305266 2024-04-01 18:33:31 0  1  521

날짜 선택기를 숫자와 하이픈만 허용하도록 제한하고 Vue에서 다른 값을 제한하는 방법

날짜를 처리하기 위해 vue2-datepickernpm 패키지를 사용하고 있습니다. 날짜 입력에는 모든 문자, 숫자, 특수 문자가 허용됩니다. 하지만 입력에 숫자, 하이픈, 슬래시만 허용하고 싶습니다. 일반 HTML 입력을 사용하면 쉽게 이를 달성할 수 있습니다. 하지만 날짜 선택기에서 이를 구현하는 방법은 무엇입니까? 어떤 도움이라도 대단히 감사하겠습니다. 내가 사용하고 있는 npm 링크에 대해 미리 감사드립니다. 다양한 값을 허용하는 입력 필드를 보여주는 이미지. 내가 사용하는 태그와 속성은 다음과 같습니다. <date-p...

P粉729518806 2023-08-26 14:57:04 0  1  646

시스템 PHP를 컴파일하기 위해 sublime3을 추가할 때 PHP 도구 상자를 사용하면 cmd php -v는 쓸모가 없습니다.

다른 사람들의 튜토리얼을 따라 시스템 변수 Path: D:\myphp_www\PHPTutorial\php\php-5.6.27-nts를 추가하세요. cmd를 사용하여 php -v를 테스트하세요. php가 내부 또는 외부 명령이 아니라는 메시지가 표시됩니다. 작동 가능한 프로그램입니다. 즉, 위의 추가 내용은 php-5.6.27-nts에서 cmd를 사용하여 php-win.exe를 실행하면 php -v를 테스트하면 php 버전 내용이 출력되지만, 새로 열린 cmd php -v가 아닙니다

phpcn_u8340 2017-07-04 07:20:15 0  1  1508

자동 검색 프롬프트(완성)에 대한 좋은 솔루션이 이미 있는데, 왜 바퀴를 다시 만들까요?

지능형 프롬프트 기능을 구현하려면 JavaScript, ajax, 데이터베이스, jsp/php에 대한 많은 지식이 필요하며, 데이터 양이 많으면 작은 기능에 너무 많은 노력을 들이는 것은 적절하지 않습니다. 꼭 필요한 기능이 아닌가? 사용자 입장에서는 입력 비용을 효과적으로 줄일 수 있고, 입력 상자를 마주할 때 더 많은 프롬프트를 얻을 수 있고 웹마스터 입장에서는 핵심 정보를 우선적으로 처리할 수 있습니다. 웹 사이트.

panie 2017-06-29 16:03:09 0  1  1801

Chrome 모바일 웹에서 레이아웃/시각적 뷰포트가 변경된 후 제목을 시각적 뷰포트 위에 유지하는 방법은 무엇입니까?

이와 관련된 여러 질문이 있다는 것을 알고 있지만, 이러한 질문을 받은 이후 브라우저 팀이 변경을 했기 때문에 그 중 어느 것도 더 이상 유효한 것 같지 않습니다. 나는 이 문제에 대한 최신 해결책을 찾으려고 노력하고 있습니다. 목표 모바일 웹 브라우저를 사용할 때, 특히 사용자가 입력 필드에 초점을 맞추고 가상 키보드가 표시될 때 앱과 같은 경험을 위해 고정 헤더를 상단에 유지하는 것이 바람직합니다. 배경 컨텍스트 최근 Chrome 모바일 팀은 iOS 및 iOS의 Chrome에서 더 잘 작동하도록 모바일 웹 레이아웃과 시각적 표시...

P粉833546953 2024-03-28 00:24:35 0  1  392