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

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

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

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

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

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

webpack 패키징 jQuery 플러그인

여러 페이지에서 먼저 ProvidePlugin을 사용하여 jQuery를 전역 {code...}에 노출시킵니다. jQuery 플러그인을 참조할 때 일반 js 플러그인이라면 어떻게 해야 할지 모르겠습니다. 직접적으로 요구하세요. 그러나 일부 플러그인에는 js, css 및 그림이 모두 포함되어 있습니다. 모든 페이지에서 사용하는 경우...

黄舟 2017-06-26 10:50:32 0  2  860

이미지 정렬 및 크기 조정

내 W3Schools 웹사이트에서 이 코드에 대한 도움이 필요합니다. 모든 요소를 ​​페이지 중앙에 유지하고 싶습니다. 그러나 내가 중앙에 있을 때 특징의 렌즈는 이미지의 이전 위치를 목표로 합니다. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom 코드를 변경했는데 이미지가 중앙에 있으면 렌즈가 이미지 바깥쪽에 있다는 것을 이해할 수 없습니다. 이전 포스팅과 마찬가지로 이미지 중앙에 렌즈 위치가 잘못되어 있던 문제를 해결하기 위해 a를 만들었습니다!!!

P粉015402013 2024-03-22 11:26:07 0  1  333

확대/축소 결과가 검은색입니다.

소스 코드에 따라 크기를 조정한 후 이미지가 검게 표시되고 아무것도 나오지 않는 이유는 무엇입니까?

Hide on bush 2019-02-21 13:41:46 0  2  1266

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  702

배경 이미지에 맞게 CSS 스프라이트 크기 조정: 가이드

.my-sprite{배경 이미지:url("https://i.stack.imgur.com/lJpW8.png");높이:100px;너비:100px;배경 위치:00;배경 위치:-200px0px ;}<divclass="my-sprite">&l

P粉063862561 2023-11-02 10:39:28 0  2  792

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

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

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

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

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

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

SVG 이미지를 사용하여 반응형 그리드 영역을 만들 수 없습니다

svg 이미지가 포함된 반응형 그리드 영역을 만들려고 하면 임의의 그리드 영역 너비와 같은 이상한 동작이 발생하고 이미지가 멈추지 않고 특정 지점까지 커지거나 줄어들 수 없습니다. 내가 얻은 가장 가까운 것은 *{box-sizing:border-box;}body{margin:0;}header{display:grid;grid-template-columns:auto1fr; background-color:green;padding:1r

P粉022140576 2023-08-30 19:15:16 0  1  571

javascript - 이미지가 브라우저에 로드될 때 이미지 주변의 픽셀이 흐릿해지는 이유는 무엇입니까?

1000px*1000px의 그림을 만들었고 첫 번째 픽셀에 채우기 색상이 있습니다. Windows에서 확대한 후 일반 프런트 엔드에서 이 그림을 요청하고 확대한 후 스타일을 설정한 것을 확인했습니다. 주변 픽셀이 매우 흐릿한 경우가 많습니다. 아무리 확대해도 표시되는 내용은 항상 같아야 합니다.

高洛峰 2017-05-19 10:34:48 0  3  547

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

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

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

텍스트 영역 자동 확장

간단한 자동 확장 텍스트 영역을 만들려고 합니다. 이것은 내 코드입니다: textarea.onkeyup=function(){textarea.style.height=textarea.clientHeight+'px';} 하지만 입력할 때마다 텍스트 영역이 무한히 커집니다... Dojo 및 jQuery 플러그인이 있다는 것을 알고 있습니다. 이것을 달성하지만 나는 그것을 사용하고 싶지 않습니다. 나는 그들의 구현을 살펴보고 원래는 scrollHeight를 사용했지만 동일한 작업을 수행했습니다. 당신은 시작할 수 있습니다

P粉245489391 2023-10-21 08:49:23 0  2  682

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

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

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

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

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

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

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

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

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

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

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

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

CSS - 부동 소수점 요소가 떨어지는 문제를 해결하는 방법

이 효과를 얻고 싶지만 현재 코드는 다음과 같습니다. {code...} {code...} 너비 문제에 대한 답변을 많이 읽었습니다. 너비를 줄이기 위해 사진의 크기를 비례적으로 조정할 수 있는 방법이 있습니까?

怪我咯 2017-05-16 13:36:42 0  7  1222

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

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

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

onclick() 함수를 통해 이미지 변경

개체를 클릭하면 한 그림을 다른 그림으로 바꾸고 싶습니다. 코드는 다음 순서로 쌓입니다. 내가 원하는 것은 클릭하면 이미지가 컬러 버전의 이미지, 즉 다른 이미지로 대체되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다. 이것을 달성하는 더 쉬운 방법이 있습니까? pseudo-selector.active 클래스와 같은 메소드? 나는 그것을 알아낼 수 없다.

P粉242535777 2023-08-18 08:53:28 0  1  496