javascript - 이미지를 클릭하여 확대 및 축소하는 데 사용할 수 있는 간단한 js가 있습니까?

HTML에서 이미지를 확대 축소할 수 있는 js를 참조하고 싶은데 큰 이미지와 작은 이미지 두 종류를 사용하는 것이 가장 좋습니다. 쇼핑몰 댓글에 대한 더 간단한 이미지 공유 기능이 있나요? 모르겠어요.

習慣沉默 2017-05-19 10:47:30 0  2  778

이미지의 경로를 데이터베이스에 저장해두었는데, 이미지를 전경에 표시하려면 배경코드를 어떻게 작성해야 할까요? 업로드 기능이 아니고, 데이터베이스에서 이미지를 가져와서 표시하는 기능인가요? 전경.

이미지의 경로를 데이터베이스에 저장해놨는데, 이미지를 전경에 표시하려면 배경코드를 어떻게 작성해야 할까요? 업로드 기능이 아니고 데이터베이스에서 이미지를 가져와서 표시하는 기능인가요? 전경.

. 2018-05-01 12:32:43 0  3  2124

HTML 호버 이미지: 이미지 너머로 클릭 가능한 영역 확장

저는 CSS/html을 처음 접했습니다. 한동안 이 문제를 찾아보았지만 해결책을 찾지 못했습니다. 문제는 Bulma를 사용하여 아래 코드를 사용하는 경우 img3.jpg 위로 마우스를 가져가면 클릭 가능한 영역이 첫 번째 블록부터 시작하는 전체 블록이라는 것입니다. 문제는 Bulma의 is-column/is-multiline과 내가 제공하는 최우선 CSS 정의 사이의 충돌일 수 있다고 생각합니다. <styletype="text/css">ul{list-

P粉459440991 2023-09-10 16:08:26 0  1  712

크롬 확장 프로그램이 자신의 경로와 파일에 액세스하도록 허용하는 방법

저는 Opera 확장을 만들고 있는데 확장의 경로에 저장된 일부 이미지를 가져오고 싶습니다. 이 플러그인이 하는 일은 특정 웹페이지에서 배경 이미지 URL과 일부 아이콘을 확장 프로그램 내의 사용자 정의 아이콘으로 변경하는 것입니다. 그러나 스크립트를 실행하면 모든 것이 보이지 않게 되어 이미지를 로드하지 못합니다. 로거 내부에는 chrome-extension://invalid/net::ERR_FAILED가 표시되지만 경로를 기록하면 정상적으로 보입니다. Manifest.json 파일에는 웹이 있습니다.

P粉644981029 2024-02-26 23:12:34 0  1  819

javascript - H5 기술을 사용하여 WeChat Alipay 결제 바코드와 유사한 전체 화면 및 가로 모드로 자동 전환을 구현하시겠습니까?

제목으로. H5+를 사용하여 앱을 개발했습니다. 바코드를 클릭하여 확대하는 효과를 더 잘 구현하고 가로 화면은 그림 3과 같이 Alipay 및 WeChat의 결제 인터페이스와 유사합니다. . 나는 그것을 잘하지 못했습니다. 여러분 모두에게 우아한 구현 방법을 제공해 주시기를 바랍니다.

扔个三星炸死你 2017-06-14 10:50:51 0  3  1254

javascript - 모바일 CSS 애니메이션 재생 상태 일시정지가 iOS에서 작동하지 않습니다.

모바일 CSS 애니메이션 재생 상태 일시 중지가 ios animation-play-state에서 작동하지 않습니다. 그림을 클릭하여 중지한 다음 그림을 클릭하여 계속 회전하고 싶습니다. 이는 Android 휴대폰에서는 가능하지만 iOS에서는 사진을 첫 번째 클릭하면 정적 움직임 없이 계속 회전합니다. 대신 두 번째 클릭에서는...

给我你的怀抱 2017-06-26 10:53:05 0  1  1265

javascript - Tinymce 편집기에서 콘텐츠 이미지 크기 조정을 비활성화하는 방법은 무엇입니까?

제목에서 알 수 있듯이 현재 Weibo 콘텐츠 전송을 위한 편집기로 Tinymce가 사용되고 있습니다. 사진을 삽입한 후, 사진을 클릭하면 크기를 변경할 수 있다는 것을 알았습니다. 즉, 4개의 점이 나타나며, 사진을 확대 및 축소할 수 있습니다. 이를 비활성화하려면 어떻게 해야 합니까?

巴扎黑 2017-07-05 10:41:20 0  1  1210

내 생성 모듈에 카테고리 이미지를 표시할 수 없습니다.

자체 모듈에 케어고리 이미지를 표시하고 싶기 때문에 모듈과 frontend/templates/category-section.phtml을 만들었습니다. 여기에 코드가 있습니다. 문제는 소스 이미지가 비어 있고 내 모듈에서 null이 반환된다는 것입니다. 페이지 및 기타 유사한 속성은 모두 잘 작동합니다. 관리 패널에 이미지를 업로드했고 태그를 클릭하면 이미지가 포함된 카테고리 페이지가 올바르게 반환되지만 카테고리와 이미지를 표시할 때만 이미지가 여기에 표시되지 않습니다. 다음 중 하나를 클릭하면 이미지가 표시되지 않습니다.

P粉731977554 2024-02-26 22:31:22 0  1  663

php_imagick 확장 메소드 setImageProperty가 명시된 기능을 달성할 수 없습니다.

이미지 속성을 설정하려면 PHP imagick 확장의 setImageProperty 메서드를 사용하세요. 속성을 설정한 후 getImageProperty를 사용하여 속성을 읽을 수 있지만 이미지가 저장되고 저장된 이미지에서 속성을 읽으면 아무 정보도 읽을 수 없습니다. 인터넷에는 jpg 및 png 형식 파일의 "주석" 속성을 성공적으로 설정할 수 있는 기사가 있지만 성공적으로 테스트하지 못했습니다. 내가 사용하고 있는 PHP 버전은 5.6.33이고, php_imagick 확장 버전은 3입니다.

phpcn_u16587 2018-02-17 10:08:12 0  1  1185

Google 크롬의 HTML에서 Python 스크립트를 실행하는 방법은 무엇입니까?

나는 크롬 확장을 구축 중이고 확장(기본적으로 HTML)의 버튼을 클릭하여 내 PC에서 Python 스크립트를 실행하고 싶습니다. Python 스크립트는 seleniumweb-driver를 사용하여 웹 사이트에서 데이터를 스크랩하고 다른 로그 파일에 저장합니다.

P粉471207302 2023-11-02 23:34:24 0  1  1096

python - URL에 어떤 종류의 크롤링 방지 프로그램이 사용되는지 확인하는 방법

URL: https://www.nvshens.com/g/22377/. 브라우저에서 직접 웹사이트를 열고 이미지를 마우스 오른쪽 버튼으로 클릭하여 다운로드합니다. 그러면 내 크롤러에서 직접 요청한 이미지가 차단되었습니다. 헤더를 추가하고 IP 프록시를 설정했지만 여전히 작동하지 않습니다. 그런데 패킷 캡처를 보면 전혀 움직이지 않는 것 같은데...

ringa_lee 2017-06-12 09:27:51 0  4  1308

javascript - 기사의 프런트 엔드 이미지를 구현하는 방법을 클릭하면 팝업이 뜨고 클릭하면 취소됩니다.

최근 프로젝트에서 회원이 게시한 기사가 있었습니다. 기사가 휴대폰에 일러스트를 표시할 때 가끔 확대하여 볼 수 없으며 클릭하여 확대할 수 없습니다. 여기서 조작할 수 있는 것은 img 태그뿐입니다. $("img").click(function(){ {code...} }) img에 href 태그를 추가하고, img의 경로를 쓰고, 그림을 팝업하고...

过去多啦不再A梦 2017-06-26 10:51:46 0  5  1014

화면 크기에 맞는 버튼 만들기 - 배경 이미지 사용법에 대한 자세한 설명

여러 그래픽을 나란히 표시하고 장치 화면 크기에 맞게 조정해야 하는 pfsensecaptiveportal을 개발 중입니다. 이는 이미지 입력 ​​유형을 사용하여 훌륭하게 달성할 수 있습니다. 그러나 pfsense 장치는 이 커밋을 올바르게 인식하지 못합니다. 작동하려면 "계속" 값을 가진 커밋 유형이 필요합니다. 대신 배경 이미지를 사용해 보았지만 배경 이미지의 크기가 조정되지 않습니다. 화면이 작아지면 전체 크기로 나타나고 잘립니다. 배경 이미지 크기를 조정하려면 어떻게 해야 합니까? #content{글꼴-가족

P粉345302753 2023-08-16 13:38:12 0  1  644

PHP imgick 확장 환경 설치

PHP에서 imagick 확장 프로그램을 설치하기 위한 환경에 대해 문의하고 싶습니다. 성공적으로 설치한 후 변환 명령을 사용하여 PDF 이미지를 변환했는데, PHP 코드를 사용하여 변환할 때 Fatal error: Uncaught 예외 'ImagickException'이 발생했습니다. 메시지 '이 이미지 형식에 대한 디코드 위임이 표시되지 않습니다. `' @ e

timber 2019-11-07 12:30:25 0  0  1007

치명적인 오류: 'imagick' 클래스를 찾을 수 없습니다.

WampServer2 아래에 imagemagicphp 확장을 설치하려고 합니다. ImageMagick을 다운로드하여 설치했습니다. 저는 ImageMagick-6.8.8-10-Q16-x86-dll.exe를 선택했고 이미 PHP 확장을 다운로드했습니다. 방금 다운로드한 dll 확장자를 C:\wamp\bin\php\php5.4.16\ext\로 옮겼습니다. php.ini를 변경했습니다(wamp 트레이 아이콘>오른쪽 클릭>PHP>php를 통해).

P粉296080076 2023-10-17 11:34:20 0  2  747

React를 사용하여 이미지에 대화형 마커 배치

도와주세요. 홈 페이지에 표시되는 아래와 같은 이미지(더 큰 이미지)가 있습니다. "FORGE" 하우스에는 중앙에 검은색 화살표가 있는 흰색과 파란색 마커가 있습니다. '임대' 주택도 마찬가지다. 이러한 각 마커는 대화형 버튼 역할을 합니다. 예상되는 상호 작용 동작은 다음과 같습니다. 마우스를 올리면 파란색 배경이 확장되어 "Forge" 또는 "Rentals"라는 텍스트가 표시됩니다. 클릭하면 사용자가 적절한 "Forge" 또는 "Rentals&quo...

P粉896751037 2023-09-08 21:25:41 0  1  853

Android의 이미지뷰에 경로 및 음성 파일을 추가하고, 경로 및 음성의 위치를 ​​기록하고, 편집 중에 위치를 변경하지 않고 유지하는 방법

그림에 경로를 그립니다. 경로 끝에 음성을 추가할 수 있습니다. 음성을 클릭하면 경로와 음성이 녹음됩니다. 편집 시 경로와 음성이 삭제됩니다. 이미지의 크기가 조정되면 그에 따라 경로의 크기도 조정되어야 합니다.

黄舟 2017-05-24 11:37:46 0  1  970

javascript - 캔버스 처리 이미지 문제

사용자가 업로드한 사진을 처리하려면 캔버스를 사용해야 합니다. 사용자가 업로드한 크기가 매우 클 수 있습니다. 예를 들어 현재 브라우저 창의 너비와 높이를 초과하므로 표시 영역에 비례하여 크기를 조정합니다. 브라우저의 다음 캔버스에 그립니다. 하지만 이는 사용자의 그림을 축소하는 것과 같습니다...

扔个三星炸死你 2017-06-10 09:49:16 0  3  1034

javascript - 이 js를 어떻게 사용하나요?

{코드...} 이 이미지를 htm 파일에서 사용하고 싶습니다. js를 확대한 다음 이 코드를 htm에서 직접 사용하려면 어떻게 해야 합니까? htm에서 This js를 호출하세요.

習慣沉默 2017-05-19 10:47:33 0  1  724

변환된 요소가 넘치는 것을 방지하고 자동으로 잘라내는 방법은 무엇입니까?

저는 친구의 개인 웹사이트를 위한 모달 갤러리를 만들기 위해 Bootstrap4를 사용하고 있습니다. 마우스를 올리면 이미지가 확장되도록 설정했지만 오버플로를 자동으로 설정하면 모달(또는 div) 가장자리에서 잘립니다. 갤러리는 탭 집합의 세 번째 탭이기도 하지만 모두 훌륭하게 작동합니다. Overflow-auto 클래스가 있는 div를 변경하려고 시도했지만 모두 다르게 태그를 지정해 보았지만 무엇을 시도해도 갤러리가 스크롤되고 내 이미지가 스크롤되도록 만드는 방법을 알 수 없습니다. 마우스 오버 시 흐려지지 않습니다. 잘라냅니다....

P粉242535777 2023-09-07 20:04:02 0  1  598