묻다찾다_PHP 중국어 웹사이트

지역 사회 배우다 도구 라이브러리 여가

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

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

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

習慣沉默 2017-05-19 10:47:30

계속해서 커지는 빈 공간이 있는데 그 이유를 모르겠습니다.

질문 이미지: 질문 이미지 이전 이미지를 보시면 거기에 거대한 빈 공간이 있다는 것을 알 수 있습니다. 일반 디스플레이(약 1200픽셀)에서는 모든 것이 정상입니다. 그런데 폭을 줄이면 늘 그 빈 공간이 늘어나는데 왜 이런 일이 일어나는지 모르겠습니다. 정상적으로 출력되는 화면 그림 : 정상적으로 출력되는 화면 그림 코드를 명확하게 작성할 수 있도록 HTML, CSS 코드의 일부를 올려드립니다. .about-me{margin-top:10px;max-width:100%;max-height:10

P粉729518806 2023-08-14 19:03:11

콘텐츠를 중앙에 배치하고 이미지 링크를 클릭 가능하게 만드는 데 도움이 필요합니다.

기본적으로 이미지와 제목이 화면 중앙에 위치해야 하지만 이미지를 클릭하고 링크를 열 수도 있어야 합니다. 이 작업을 수행할 수 있는 올바른 코드가 있다고 생각하지만 여전히 두 가지 문제가 있습니다. 이미지도 두 가지 크기로 제공되므로 어려워집니다. 방금 원래 크기에 비해 빨간 알약은 더 작게, 파란색 알약은 더 크게 만들어 보았습니다. 다른 3개 이미지의 배경 키프레임에 대해서는 걱정하지 마세요. 제목과 빨간색 및 파란색 알약 이미지를 중앙에 배치하는 데 도움이 필요합니다. 온라인 코드를 사용해 보았지만 여전히 같은 오류가 발생합니...

P粉794851975 2023-09-13 12:12:49

DIV를 양쪽 콘텐츠에 맞춰 중앙 정렬

따라서 포함된 DIV 내에 5개의 항목이 있습니다. 항목의 라인업은 다음과 같습니다. 텍스트 이미지 DIV 이미지 텍스트 중앙에 DIV, DIV를 "껴안는" 이미지, 이미지를 "껴안는" 텍스트가 표시되도록 하여 남은 공간이 포함된 DIV의 왼쪽 또는 오른쪽에 있습니다. 현재 필요한 것처럼 보이는 방식으로 이를 달성하기 위해 flex를 사용했지만 이는 DIV가 원하는 대로 완전히 중앙에 위치하는 것이 아니라 DIV를 포함하는 전체 콘텐츠의 중앙에 위치할 뿐입니다.

P粉352408038 2024-04-04 23:19:14

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

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

P粉872101673 2024-04-04 11:21:03

순수 Javascript를 사용하여 이미지 교체를 위한 전환 효과 구현

내가 만든 웹사이트에는 여러 개의 아코디언이 있는데 각 아코디언의 상단에는 이미지가 있습니다. 아코디언을 펼치면 안에 설명이 들어가고 이미지가 다른 것으로 변경됩니다. 그런 다음 아코디언을 닫으면 이미지가 첫 번째 이미지로 다시 전환됩니다. 문제는 이 이미지 변경이 페이드 효과를 사용하여 부드럽게 전환되기를 원하는데 지금은 갑작스러운 변경일 뿐이라는 것입니다. 어떻게 해야 합니까? 아코디언 버튼의 ID가 "button"이고 첫 번째 이미지(두 번째 이미지로 변경됨)가 포함된 레이블의 ID가 "firstim...

P粉458913655 2024-03-30 00:14:11

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

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

黄舟 2017-07-05 10:48:46

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

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

P粉242535777 2023-08-18 08:53:28

둥근 배경의 텍스트로 이미지를 오버레이하는 방법

이 이미지에 표시된 내용을 HTML로 복제해야 합니다. 문제는 텍스트가 div와 배경 이미지를 덮고 있다는 것입니다. 외부 div에 이미지가 없고 단색이 없다면 둥근 모서리가 올바른 위치에 배치된 일부 작은 html 요소를 사용하여 이 작업을 상당히 쉽게 수행할 수 있다고 상상할 수 있지만 배경 이미지가 복잡함을 더합니다. 지금까지 나는 이것을 가지고 있습니다... 보시다시피, 나는 두 개의 둥근 모서리에 붙어 있습니다. 누구든지 해결책을 제안할 수 있나요? 모든 최신 브라우저에서 작동해야 합니다. #outer{width:100%;...

P粉328911308 2023-08-30 15:20:14

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

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

P粉536532781 2023-09-15 22:09:37

javascript - 이미지 수집 효과, 3D 효과 추가 후 선이 나타나는 이유는 무엇입니까?

하나의 div에 여러 개의 하위 div가 있고, 하위 div의 배경 이미지를 모아서 전체 그림을 이루는 데, 집합 효과를 위해 3D y축 반전 효과를 추가했습니다. 접합할 때 중간? 논리적으로 모아본 후여야 합니다. 첨부된 코드는 다음과 같습니다.pic{width: 1000px;height: 655px;positi...

曾经蜡笔没有小新 2017-05-18 10:46:23

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

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

P粉345302753 2023-08-16 13:38:12

두 연락처 필드의 상호 작용 능력을 향상시키는 방법은 무엇입니까?

두 필드("CallUs" 및 "OurEmail")를 중앙에 배치하고 동시에 반응하도록 만들어야 합니다. 작은 화면에서는 함께 쌓아야 합니다. 표시된 대로 큰 화면에 올바르게 배치하기 위한 인라인 CSS가 있지만 작은 화면에서는 스택처럼 쌓이지 않습니다. 코드를 넣을 CSS 파일을 찾을 수 없어서 인라인 CSS를 사용하고 있습니다. 인라인 CSS를 사용하여 이 문제를 해결할 수 있습니까? 가능하다면 이 두 필드를 크게 만드는 인라인 CSS가 있습니다.

P粉725827686 2023-08-14 21:20:22

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

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

P粉555696738 2023-09-02 09:04:11

CSS 드롭 캡 이미지, 공백에 정렬된 텍스트

나는 이것이 일상적인 드롭캡 상황이라고 생각하지 않습니다. 내 대문자 "S"는 다음과 같은 이미지입니다. 실제 이미지는 위쪽 열까지 확장됩니다. 상단 표시줄은 큰 S와 S 왼쪽의 그림을 포함하는 동일한 이미지의 일부입니다. 여기서는 잘 보이도록 배경을 파란색으로 색칠했는데, 자연색은 흰색입니다. (단, 맨 위쪽의 회색 부분은 무시하세요. 화면 캡처를 할 때 불편합니다.) 상단 바와 이미지를 망치고 싶지 않습니다. 나에게 제공된 이미지는 다음과 같습니다. 오른쪽 상단 모서리에 위쪽 막대가 그려져 있고 위쪽 막대 아래...

P粉415632319 2023-09-05 21:42:04

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

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

怪我咯 2017-05-16 13:36:42

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

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

P粉842215006 2023-08-30 20:56:28

웹 크롤러 - Python을 사용하여 Blog Park 블로그의 사진을 크롤링하는 방법은 무엇입니까?

Blog Park 블로그의 사진을 크롤링하기 위해 작은 코드를 작성했습니다. 이 코드는 일부 링크에 유효하지만 일부 링크는 크롤링되자마자 오류를 보고합니다. 이유는 무엇입니까? {code...} 그림과 같이 이미지가 올바르게 크롤링될 수 있습니다. URL을 {code...}로 변경하면 즉시 오류가 발생합니다. 해결해 주세요.

某草草 2017-05-18 10:45:39

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

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

ringa_lee 2017-05-19 10:47:15

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

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

P粉896751037 2023-09-08 21:25:41