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

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

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

이미지 정렬 및 크기 조정

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

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

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

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

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

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

배경 이미지에 맞게 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  833

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS 그리드를 사용하여 이미지를 정렬하는 방법은 무엇입니까?

CSS 그리드를 사용하여 웹사이트의 일부를 구축하려고 합니다. 목록과 이미지를 같은 줄에 유지하고 화면 크기가 변경되면 축소/확대되도록 노력하고 있습니다. 코드는 아래에 붙여넣었습니다. 어떤 도움이라도 대단히 감사하겠습니다. 내 그리드 템플릿 내에 오류가 있는지 궁금합니다. .pm{display:inline-grid;max-width:100%;position:relative;margin:auto;grid-template-areas:"titletitle&quo

P粉463824410 2024-04-01 22:08:31 0  1  521

Vuetify를 사용하여 모바일 화면에서 테이블의 전체 너비를 얻을 수 있나요?

Vue2 및 Vuetify를 사용하여 작은 화면에서 테이블 "축소"를 달성할 수 있습니까? 모바일 화면에서 테이블이 전체 너비를 유지해야 하고 확대할 수 있어야 하는 과제가 있습니다. 기본적으로 img와 유사한 동작을 달성합니다. 기본적으로 이 이미지에서 두 번째 화면을 구현해야 하지만 v-data-table을 사용합니다. "둘 다 똑같이 나쁘다"고하더라도 두 번째 해결책이 필요합니다. Vuetify 전용 솔루션이 있나요?

P粉842215006 2023-08-30 20:56:28 0  1  649

python nrtworkx를 사용하여 사진을 확대하는 방법은 무엇입니까?

생성된 이미지가 너무 작아서 노드 간의 연결을 명확하게 볼 수 없습니다. {코드...}

ringa_lee 2017-05-18 10:57:21 0  1  689

javascript - 로컬에서는 작동하지만 서버에서는 작동하지 않는 이유는 무엇입니까?

로컬에서 html 파일을 생성하고, 다음 두 코드를 입력했는데, 서버에서는 왜 정상적으로 실행되지 않나요? 정상적으로 로컬에서 이미지를 확대 축소해서 서버에서 실행할 수 있는데 클릭해도 효과가 없나요? {코드...} {코드...}

ringa_lee 2017-05-19 10:47:15 0  2  943