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

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

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

javascript - 콘텐츠 높이가 화면 높이보다 작은 경우 autoHeight를 설정할 때 swiper.js가 제대로 작동하지 않습니다.

swiper.js를 사용하여 탭 항목을 전환하지만 각 탭 항목의 높이가 다르며 데이터가 비동기적으로 로드됩니다. swiper-container의 적응형 높이에는 autoHeight: true가 설정되어 있지만 콘텐츠 높이가 < 화면 높이 이 속성은 더 이상 작동하지 않습니다...

phpcn_u1582 2017-05-19 10:43:35 0  1  562

javascript - swiper.js의 여러 전환 방향 관련 문제

현재 장면은 다음과 같습니다. 왼쪽과 오른쪽으로 전환되는 애니메이션 페이지가 4개 있고, 각 애니메이션 페이지를 아래로 밀어서 다른 동일한 페이지로 전환할 수 있어야 합니다. 이제 이 사이에서 애니메이션을 전환하려면 어떻게 해야 할까요? 왼쪽 오른쪽? 페이지를 아래로 밀어서 페이지를 표시할 수 있고, 아래로 밀어서 나타나는 페이지도 위와 동일합니다...

过去多啦不再A梦 2017-06-24 09:43:29 0  1  846

javascript - swiper.js를 사용하여 여러 h5 기사의 슬라이딩을 실현합니다. 기사를 클릭하면 다른 페이지로 이동합니다. 해당 swiper_slide를 찾는 방법.

기사의 왼쪽과 오른쪽 슬라이딩 전환을 구현하기 위해 swiper.js를 사용했습니다. 전체 텍스트를 확장하려면 클릭하세요. 다른 HTML 페이지를 작성했습니다. 이 페이지에서 해당 기사 축소판을 어떻게 반환할 수 있습니까? 첫 번째 기사 썸네일을 보고 해당 슬라이드를 찾는 방법 또는 전체 텍스트를 처리하는 다른 방법.

某草草 2017-06-10 09:48:38 0  1  934

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

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

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

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

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

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

Vue 전환에서 전환 지연을 제거하는 방법은 무엇입니까?

저는 Vue를 사용하여 마우스를 그림 위로 가져갈 때 위로 이동하고 페이드 인하도록 텍스트 상자에 애니메이션을 적용하고 있습니다. 애니메이션은 정확하지만 시작하기 전에 약간의 지연이 있습니다. 이미지에 마우스를 올리면 텍스트 상자가 매끄럽고 즉시 페이드 인되고 위로 이동하기를 원합니다. 커서가 떠나면 텍스트 상자가 적절하게 페이드 아웃되고 아래로 이동합니다. 템플릿:`{{배지[item].description}}`, 메서드:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49 0  1  475

javascript - 스와이프 플러그인의 루프 모드에서 버그가 발생합니까?

1. 이제 8개의 데이터가 있고 5초마다 5개의 데이터를 전환하도록 설정하고 루프를 true로 설정합니다. 그러면~~ 마지막 데이터 세트가 계속 재생됩니다. 즉, 두 번째 사진은 매 마다 데이터를 전환합니다. 5초면 항상 6이 표시됩니다. 그런 다음 7,8,1,2의 데이터를 가져오려고 시도했지만 이전 데이터가 비어 있고 로그가 표시됩니다...

大家讲道理 2017-06-26 10:58:10 0  1  893

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

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

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

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

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

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

배경과 투명 텍스트가 잘립니다.

CSS를 사용하여 아래와 같이 배경에서 투명한 텍스트를 잘라내는 효과를 만드는 방법이 있나요? 이미지가 텍스트를 대체하기 때문에 귀중한 SEO를 모두 잃는 것은 부끄러운 일입니다. 처음에 그림자를 생각했는데 아무것도 생각이 안나네요... 이미지는 웹사이트 배경, 절대 위치의 <img> 태그입니다

P粉439804514 2024-03-25 16:47:36 0  2  544

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

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

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

javascript - psd 자른 사진을 매우 명확하게 표시하는 방법

문제는 이것이다. psd에 대부분 그림과 텍스트가 있는데, 이제 웹페이지에 배치할 때 텍스트가 매우 흐릿해진다. 해결할 수 있는 방법이 있나요?

过去多啦不再A梦 2017-06-22 11:53:49 0  4  815

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

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

P粉352408038 2024-04-04 23:19:14 0  1  3572

이미지와 텍스트를 나란히 정렬하는 방법은 무엇입니까? HTML CSS 유연한 상자

이제 텍스트가 이미지 아래에 정렬됩니다. 이미지 옆에 텍스트를 세로로 정렬하고 싶습니다. flex-direction:column 및 justify-content:center를 추가하려고 시도했지만 작동하지 않았습니다. 나는 또한 float를 시도했지만 그것도 작동하지 않았습니다. 텍스트와 이미지를 나란히 정렬하는 방법을 알 수 없습니다. 어떻게 나란히 정렬할 수 있나요? 내 코드에 오류가 있나요? .whoweare{패딩:80px0px50px;배경색:#000000;}.w

P粉350036783 2023-08-26 00:23:03 0  1  648

javascript - js가 로컬 이미지 경로를 호출하는 데 문제가 있나요?

인터넷에서 영상을 보고 루진을 수정해서 사진전환을 한 뒤 직접 작성해 보았습니다. var arr=["./images/1.jpg","./images/2.jpg","./images/3.jpg","./images/4.jpg"] {코드... } 하지만 경고를 통해 경로가 긴 문자열임을 알 수 있습니다.

PHPz 2017-05-19 10:08:58 0  4  801

css3 - 그래픽 및 텍스트 반응형 스타일

PC 데스크탑에서 이 페이지를 반응형으로 만들기: 한 가지 방법은 그림을 직접 반응형으로 만드는 것입니다. 유일한 단점은 텍스트가 흐릿하고 효과가 완벽하지 않다는 것입니다. , 이런 식으로 텍스트 크기는 적응적이어야 하며 텍스트 위치 관계는 잘 수행하기가 훨씬 더 어렵습니다...

習慣沉默 2017-05-16 13:20:57 0  3  692

웹사이트에서 iPad의 텍스트 번역을 중지하는 방법은 무엇입니까?

나는 대답이 단순한 "아니오"라고 확신하지만 어쨌든 물어보십시오. 저는 교육 분야에서 일하고 있습니다. 제 동료들은 외국어 교사인데 CanvasLMS를 사용하고 있습니다. 모든 학생들은 일대일 iPad를 가지고 있습니다. 학생들은 단어를 강조표시하고 "번역"을 클릭하여 단어를 번역할 수 있다는 것을 알고 있으며 종종 이를 부정행위에 활용합니다. 현재 가장 좋은 해결책은 학생들이 단어를 강조할 수 없도록 질문을 텍스트 이미지로 만드는 것입니다. 그러나 이는 번거롭고 텍스트가 이미지인 경우 다른 화면...

P粉955063662 2023-09-14 20:59:13 0  1  639

Vite/Vue 3: 이미지 소스를 소품으로 사용할 때 "정의되지 않은 요구 사항"

VueCLI에서 ViteCLI로, Vue3의 CompositionAPI에서 SFCScriptsetupAPI로 전환했습니다. 이전에 어떻게 작동했는지 공식 VueCLI를 사용할 때 props를 통해 경로의 파일 이름을 전달하여 이미지 소스를 가져올 수 있었습니다: <template><img:src="require(`@/assets/${imagePath }` )"/><템플릿

P粉301523298 2024-04-06 09:50:25 0  1  452

android - 전화기가 가로 또는 세로 모드인 경우 recyclerview 개체와 같은 조각의 인스턴스는 null이고 백그라운드에서 데이터를 반환할 때의 콜백으로 인해 null 포인터 예외가 발생합니다.

휴대폰이 가로 화면과 세로 화면 사이를 전환하면 조각 상태가 손실되어 하위 스레드에서 요청한 데이터 콜백이 표시될 때 널 포인터 예외가 보고됩니다. 이 문제를 해결하는 방법은 무엇입니까?

阿神 2017-05-31 10:38:57 0  2  1120