javascript - 썸네일 그룹을 클릭하면 큰 이미지가 표시되고 해당 이미지로 전환됩니다. 그런 다음 썸네일을 클릭하면 큰 이미지가 숨겨집니다. 문제가 생기면 선생님께 조언을 구하세요.

큰 이미지를 표시하려면 섬네일 그룹을 클릭하고 해당 이미지로 전환한 다음, 큰 이미지를 숨기려면 섬네일을 클릭하세요. 큰 이미지가 표시될 때 다른 작은 이미지를 클릭하면 큰 이미지로 전환되지만 숨길 수는 없습니다. 내 질문은: 큰 그림이 표시될 때 다른 작은 그림을 클릭하면 큰 그림이 전환되지만 숨겨지지 않지만 큰 그림을 숨기려면 축소판을 두 번째 클릭하는 것입니다.

为情所困 2017-05-19 10:34:32 0  1  733

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

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

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

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

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

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

Android의 React-Native에서 상태 업데이트가 작동하지 않습니다.

스와이프할 수 있는 가로 갤러리에 이미지 쌍이 있는 코드가 있습니다. 이제 두 이미지의 위쪽 부분을 클릭하면 이미지가 꺼지므로 isImage2Active를 상태로 설정한 다음 소스를 전환했습니다. iOS에서는 완벽하고 완벽하게 원활하게 작동하지만 Android에서는 거의 전혀 작동하지 않습니다. 자주 클릭하면 바뀔 수도 있지만 분명히 내가 원하는 동작은 아닙니다. 그래서 슬라이드 가능한 수평 갤러리 constImage인 이미지 구성 요소가 있습니다.

P粉541551230 2024-04-06 16:54:10 0  1  660

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

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

P粉729518806 2023-08-14 19:03:11 0  1  589

javascript - jquery-1.8.2 버전이 Win7 Edge에서 중간에 실행을 멈춥니다. 무슨 일이 일어나고 있는지 살펴보실 수 있나요? 감사해요

{Code...} 이 코드를 실행하면 테스트 후 마지막 줄까지 실행한 후 Edge가 실행을 멈췄습니다. 버튼을 클릭하면 선택한 클래스가 버튼에 추가되지만, 아래 해당 이미지는 전환되지 않습니다. 이 코드는 다른 브라우저에서 잘 테스트됩니다. 문제가 무엇인지 살펴보시거나..

大家讲道理 2017-06-14 10:53:36 0  1  889

javascript - 본문의 배경 이미지를 다른 해상도로 전체 화면으로 표시하는 방법은 무엇입니까? 작은 해상도에는 수직 스크롤 막대가 있고 추가 콘텐츠에는 배경이 없습니까? 그것을 처리하는 방법?

큰 화면 해상도를 사용하면 배경이 문제 없이 전체 화면으로 표시되는데, 작은 화면으로 전환하면 스크롤되는 내용에 배경이 표시되지 않는 문제를 해결하려면 어떻게 해야 하나요? 암호:

黄舟 2017-05-19 10:30:07 0  2  660

이미지를 변환하고 필터링하면 오버레이가 생성됩니다.

이미지에 마우스를 올리면 이미지 크기가 커지고 마우스에 올려진 이미지가 다른 이미지에 의해 잘리지 않는 코드를 찾았습니다: tutorialsrepublic.com 하지만 이 코드도 입력하면: img{transition:filter.5sease-in -out ;-webkit-filter:회색조(100%);필터:회색조(100%);}img:hover{-webkit-filter:회색조(0%);filter:gr

P粉276876663 2023-09-15 20:58:43 0  1  1047

기본 섹션으로 사용되는 이미지에 대한 모범 사례는 무엇입니까?

그림을 메인 섹션으로 사용하는 섹션이 있습니다. 문제는 이미지가 휴대폰, 태블릿, 데스크톱에서 1MB로 너무 크다는 것입니다. 이미지가 너무 커서 걱정이네요. 메인 섹션의 배경으로 이미지를 사용할 때의 모범 사례를 알고 싶습니다. 여러분의 친절한 제안과 의견에 감사드립니다.

P粉727416639 2023-09-19 20:54:07 0  1  826

android - 반복되는 조각 교체 메모리 누수가 반복되는 이유는 무엇입니까?

그림과 같이 아래 두 개의 버튼을 클릭하면 REPALCE에 Fragmnet이 두 개 있는데, 반복적으로 전환하면 메모리 누수가 발생합니다. Fragment의 코드는 다음과 같습니다. {code...} Activity의 코드 중 일부입니다. {code... .} 반복적으로 전환할 때의 메모리 상태입니다. 이것은 LOGCAT입니다. o를 볼 수 있습니다.

漂亮男人 2017-05-16 13:32:31 0  2  753

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

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

P粉458913655 2024-03-30 00:14:11 0  1  470

javascript - 토글하는 동안 입력 값 변경

이제 클릭하면 숨겨진 콘텐츠를 표시하는 버튼이 생겼는데, 콘텐츠가 숨겨져 있는지 여부를 별도로 확인하지 않고 토글에서 숨겨진 콘텐츠를 표시하면서 버튼의 값을 직접 바꿀 수 있는 방법은 " +"와 "-" 사이를 전환합니다. {암호...}

女神的闺蜜爱上我 2017-06-12 09:32:25 0  2  820

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

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

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

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

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

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

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

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

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

제목 재작성: 드롭다운 토글은 첫 번째 값 선택으로 제한됩니다.

성공적으로 전환되는 드롭다운을 만들었지만 첫 번째 클래스만 선택하는 것 같고 두 번째 드롭다운을 클릭하면 첫 번째 드롭다운의 내용이 전환됩니다. 여기서 뭔가 빠졌나요? 이것은 내 코드입니다: constmenuListDropdown=document.querySelectorAll('.menu-block-dropdown') constmenuBlock=document.querySelector('.menu-block

P粉511749537 2024-02-26 10:09:52 0  1  407

javascript - 페이지를 넘길 때 특정 그림을 수정한 다음 페이지를 넘기고 싶습니다.

페이지는 다음과 같습니다. 한 페이지에 4개의 사진이 표시되고, 페이지를 넘길 때마다 4개의 사진이 함께 변경됩니다. 이제 각 사진의 왼쪽 상단에 확인란을 추가하고 싶습니다. 사진을 선택하려면 를 클릭하세요. 다음 페이지나 이전 페이지에서 이 사진은 변경되지 않지만 체크하지 않은 사진은 변경됩니다. 나 지금...

给我你的怀抱 2017-07-05 10:57:46 0  1  927

javascript - webpack에서 이미지를 패킹할 때 페이지에 표시할 수 없는 문제가 있습니다. 웹사이트의 루트 디렉토리에 대해 궁금한 점이 있으신가요?

몇 가지 조언을 부탁드립니다. 먼저 이미지를 업로드하고 파일 디렉터리를 먼저 업로드하세요. 다음은 webpack의 이미지 부분에 대한 구성 정보입니다. 발생한 구체적인 문제는 이미지를 표시할 수 없으며 브라우저 콘솔에서 다음과 같은 오류를 보고한다는 것입니다. 이미지를 찾을 수 없습니다. 콘솔 코드에서 이미지 경로가 http://loc...임을 확인했습니다.

黄舟 2017-07-05 10:53:44 0  2  851

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

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

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

javascript - 스와이프 탭 전환 각 버튼을 클릭하여 스와이프 컨테이너를 이동하려면 어떻게 해야 합니까?

스와이퍼 탭 전환을 위해 각 버튼을 클릭하여 스와이퍼 컨테이너를 이동하려면 어떻게 해야 합니까? 예를 들어 NetEase의 상단 탭 전환이 각 버튼을 클릭하면 탭 전환 컨테이너가 스크롤됩니다(1: 왼쪽과 오른쪽으로 스크롤할 수 있으며 콘텐츠가 전체 컨테이너 ,) http://3g.163.com/touch/aut...

迷茫 2017-06-14 10:54:16 0  2  807