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

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

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

스크립트를 이용하여 5개의 슬라이드 중 3개의 슬라이드를 무작위로 선택하여 표시하고 선택되지 않은 2개의 슬라이드를 숨깁니다.

5개의 슬라이드가 있는 슬라이더가 있는 다음 HTML 및 자바스크립트 코드가 있습니다. 페이지가 로드될 때마다 5개의 슬라이드 중 3개를 무작위로 선택해야 하며 선택되지 않은 두 개의 슬라이드는 완전히 숨겨집니다. 내 코드에 문제가 있는 부분을 알려주셔서 감사합니다. 다음 코드를 시도했지만 페이지가 로드될 때마다 슬라이드 5개가 모두 나타납니다. 슬라이드 중 3개에는 무작위로 내용이 있고 2개는 비어 있습니다. 두 개의 빈 슬라이드를 표시할 필요는 없습니다. constslogans=Array.from(document.querySel...

P粉068174996 2024-01-29 15:29:10

Ajax를 사용하여 Slick에 슬라이드쇼 추가

그래서 저는 SlickCarousel을 사용하고 성능상의 이유로 24개로 제한된 데이터베이스의 제품 목록을 표시합니다. 하지만 모두 표시해야 하므로 afterChange 함수를 만들었고 사용자가 슬라이드가 끝나기 전에 2개의 슬라이드를 가질 때마다 ajax는 또 다른 24개의 제품을 로드하고 slickAdd 함수를 사용하여 Slick의 끝에 추가합니다. 모든 것이 잘 작동하지만 slickAdd 함수가 어떤 이유로 슬라이드 너비가 457px에서 451px로 변경되면

P粉937769356 2024-02-26 19:55:30

Vue.js를 사용하여 Swiper에서 슬라이드 탐색용 사용자 정의 버튼 만들기

기본 탐색(nextEl, prevEl)을 제거하고 "다음 슬라이드 버튼"이라는 텍스트가 있는 버튼을 다음 슬라이드로 스크롤해야 합니다. <swiperclass="news-slider":slider-per-view="1" :modules= "[Navigation,Pagination,A11y,Lazy]"navigation="탐색

P粉035600555 2023-11-02 14:42:51

Cypress에서 클론 중복을 제외하고 슬라이드쇼 반복

저는 Cypress를 처음 사용하며 복제된 중복 항목을 제외하고 슬라이드쇼를 순환하려고 합니다. Cypress에서 .each()를 사용하여 인덱싱을 사용하고 있지만 작동하지 않습니다. 아래는 내 코드입니다 if(index!=0&&index>=22){//dosomething}else{//dosomething} 아래는 내 HTML 코드의 예시 스냅샷입니다. 원본 슬라이드로만 반복하는 논리를 생각해 낼 수 있는 사람이 있나요? ?

P粉197639753 2024-03-25 22:41:02

슬라이드 화살표의 클릭 영역이 아이콘보다 넓습니다.

내 WordPress 개발 사이트에는 갤러리용 슬라이드쇼 기능이 있습니다. 사진을 클릭하면 슬라이드쇼가 시작됩니다. 내 문제는 두 개의 흰색 화살표(왼쪽에 하나, 오른쪽에 하나)입니다. 화살표의 클릭 가능한 영역은 아이콘 크기보다 넓습니다. 아래 사진을 참조하세요. 클릭 가능한 영역이 아이콘보다 넓습니다. 이것은 내 개발 웹사이트의 URL입니다. 이 질문에 내 코드를 포함하려고 시도했지만 "귀하의 질문이 스팸인 것 같습니다"라는 메시지를 받았습니다. CSS 파일은 "https://dev.francisbeg...

P粉195200437 2023-09-13 19:29:50

TailwindCSS 및 Flowbite를 사용하여 저장된 localStorage 값을 기반으로 캐러셀 항목 수 설정

TailwindCSS 및 Flowbite를 사용하여 내 페이지에 캐러셀을 추가합니다. 또한 기본적으로 캐러셀의 두 항목 사이를 순환할 수 있는 토글 스위치 요소도 추가했습니다(선택됨 = 슬라이드 2, 선택 취소됨 = 슬라이드 1). 이것은 작동합니다. 제가 막힌 부분은 localStorage에 저장된 토글 값을 기반으로 로드 시 "슬라이드 2"로 설정하려고 하는 것입니다. 내 localStorage 값이 올바르게 저장/검색되는지 확인했습니다("예" 및 "아니요" 문자열로). 그런...

P粉043566314 2024-03-21 21:45:29

여러 캐러셀 슬라이드의 PHP <form method="post">

변명: 캐러셀로 홈페이지를 만들고 있습니다. 캐러셀은 훌륭하게 작동합니다. 그러나 각 슬라이드에는 고유한 입력 양식이 있습니다. 단일 태그 내에서 두 양식을 결합하려고 하면 슬라이드를 변경할 때마다 페이지가 원래 콘텐츠로 다시 로드됩니다. 이는 라벨이 모든 입력을 함께 저장하고 캐러셀 슬라이드 인덱스가 변경되면 양식 값이 재설정되기 때문이라고 생각합니다. 내가 하고 싶은 일은 다른 슬라이드로 변경할 때 선택한 모든 값이 재설정되도록 하는 래퍼를 사용하는 대신 한 페이지에 여러 레이블을 가질 수 있기를 원합니다. isset($_POS...

P粉043432210 2023-09-15 14:13:53

scrollIntoView()가 컨테이너를 페이지 상단으로 스크롤하는 것을 방지합니다.

스크롤 스냅을 사용하지만 현재 표시된 슬라이드를 제어하기 위한 탐색 버튼도 포함하는 간단한 "주로 CSS" 이미지 캐러셀을 만들려고 합니다. 내가 찾은 유일한 해결책은 내가 원하는 작업을 수행하는 대상 요소에 scrollIntoView()를 사용하는 것입니다. 그러나 이 방법은 항상 대상 요소를 페이지 상단으로 스크롤합니다. 대상 캐러셀 슬라이드와 컨테이너를 원래 위치에 유지하고 슬라이드가 가로로 스크롤되어 표시되기를 원합니다. 저는 AdamArgyle의 예를 보고 있었는데 그는 이것을 했고 컨테이너는 그 자리에 ...

P粉690200856 2024-03-26 20:25:28

슬라이더 진행 표시줄이 슬라이드 수와 일치하지 않습니다.

7개의 항목이 포함된 캐러셀을 만들었습니다. 기본적으로 이 캐러셀에는 5개의 항목이 표시됩니다. 내 데모에서는 두 가지 문제에 직면했습니다. 슬라이더가 무한 반복되도록 설정되었지만 슬라이드 1로 돌아갔을 때 진행률 표시줄이 재설정되지 않았습니다. 슬라이더가 끝에 도달하면 즉시 슬라이드 1로 다시 이동합니다(부드러운 전환 대신). 7번째 슬라이드(7번째 카드)가 표시되면 진행률 표시줄이 완료됩니다. $slider.slick("getSlick").slideCount의 console.log

P粉587780103 2023-08-25 16:17:45

슬롯을 사용하여 캐러셀을 만드는 방법은 무엇입니까?

사람들은 일련의 이미지를 사용하여 캐러셀을 만드는 동일한 방법을 계속 보여주었습니다. 그러나 캐러셀의 각 슬라이드에 라이트박스 구성 요소가 포함되기를 원하기 때문에 이 접근 방식은 융통성이 없습니다. 이 경우 캐러셀 배열에 넣은 이미지에 대한 라이트박스 기능을 재정의하고 싶지 않습니다. 정말 좋지 않나요? 코드를 적게 작성하고 Vue.js의 재사용 가능한 구성 요소를 그 어느 때보다 유용하게 만드세요. 슬롯을 사용하는 아주 좋은 예를 찾았습니다. GitHub의 SSENSE가 만든 VueCarousel. 능숙하지 않은 웹 개발자로서 ...

P粉817354783 2024-01-10 16:53:13

자바스크립트 객체 문제

Node.js 객체, 실제 개발에서는 어떤 지식이 자주 사용되나요? 정렬? 시간? 정규식? 예를 들어 슬라이드쇼나 기타 특수 효과에 이러한 기능을 사용해야 합니까?

PHPz 2017-05-18 10:52:15

종속성 상태가 변경되지 않았는데도 useEffect가 트리거되는 것 같나요?

저는 React 프로젝트에서 캐러셀 컴포넌트를 구축하려고 합니다. 실제로 DOM을 직접 수정하는 대신 Refs를 사용하여 순수 JS로 작성된 기존 캐러셀 컴포넌트를 활용하려고 합니다. 시퀀스의 첫 번째 슬라이드를 현재 슬라이드(classNamecurrent-slide 사용)로 표시하여 회전식 슬라이드를 초기화하려고 할 때 문제가 발생합니다. 이 작업을 {topMovies}가 종속성인 useEffect 후크에 넣었습니다. {topMovies}는

P粉946336138 2023-08-15 16:21:30

R Markdown에서 슬라이드 제목을 중앙에 배치하는 방법은 무엇입니까?

두 섹션 사이에 빈 슬라이드를 추가하고 그 중앙에 기본 제목 형식으로 짧은 제목(단일 #)을 추가하고 싶습니다. 가능합니까?

P粉154228483 2023-09-15 18:22:53

3개의 요소마다 상위 요소를 래핑합니다.

검색 오디오용 클래스를 사용하여 3개의 div마다 슬라이드쇼 클래스로 div를 래핑하고 싶습니다. 내가 받은 한 가지 오류는 elem.parentElement가 정의되지 않았다는 것입니다... 그래서 이 부분은 잘 작동합니다... constaudioBlocks=document.querySelectorAll('.search-audio');constslider=document.querySelector(' .slider'); 콘스튜디오

P粉211273535 2024-04-02 13:11:31

Vue 슬롯 요소를 사용하여 템플릿 루프에서 렌더링

슬라이드의 HTML을 구성 요소에 전달한 다음 슬롯 //carousel.blade.php <my-carousel><templatev-slot:slides><div>slide1</ div를 사용하여 다른 구성 요소로 렌더링하려고 합니다. ><div>slide2</div></template></my-carousel

P粉514458863 2023-09-15 10:37:00

애니메이션 콘텐츠 숨기기 및 표시: 전환 효과가 포함된 HTML 페이지 만들기

페이지 넘김 애니메이션을 사용하여 책 형태로 콘텐츠를 표시하는 웹사이트를 만들려고 합니다. 각 "페이지"의 콘텐츠에 대해 애니메이션을 적용할 수 있는 다양한 SVG 이미지가 있습니다. 이 작업을 수행하는 방법을 잘 모르겠습니다. 기본적으로 각 "페이지"에 대해 html 파일을 만들지 않고도 원하는 방식으로 콘텐츠를 표시하고 숨길 수 있는 방법이 있습니까? 순서가 약간 중요합니다. Google이 내 사이트를 임의의 위치에 연결하는 것을 원하지 않습니다. 감사해요! 회전식 슬라이드쇼를 생각하고 있는데...

P粉674757114 2023-09-10 17:41:45

PHP: 하위 폴더의 모든 이미지를 단일 폴더로 복사하는 방법(하위 폴더를 만들 필요가 없습니다!)

아내의 생일 파티를 위해 파티 손님들의 사진을 모아서 기념품으로 멋진 책을 만드는 웹사이트를 만들었습니다. 손님은 계정을 가지고 있으며 "자신의" 폴더에 이미지를 업로드합니다. 이제 사진에서 슬라이드쇼를 동적으로 생성하는 도구가 생겼습니다. 하지만 불행히도 이 도구는 하위 폴더를 탐색할 수 없습니다. 따라서 나의 주요 목표는 이미지 파일을 슬라이드쇼가 가져올 수 있는 지정된 폴더에 복사하는 것입니다. 그런 다음 약 5분마다 PHP 스크립트를 cron으로 실행하고 파티가 진행되는 동안 화면에 이미지를 표시합니다. 나...

P粉877114798 2024-01-29 09:16:15

JavaScript 및 Jquery: 클릭한 요소의 인덱스 찾기

슬라이드쇼를 만들고 있는데 다음 질문에 어려움을 겪고 있습니다. 레이블을 클릭할 때 배열에서 위치(색인)를 어떻게 찾나요? 다음 코드 부분은 모든 태그를 얻습니다. this.thumbs=this.nav.find('a'); 어디서 시작되나요? 한 가지 더 문제 - 라벨을 클릭하면 라벨 내부의 div 클래스를 전환해야 합니다(div 라벨은 classpromo_tumb_current를 가져와야 하고 해당 라벨이 있는 div는 클래스를 잃어야 합니다). HTML 코드: <divclass=&

P粉022140576 2023-08-25 14:55:21

자바스크립트-캔버스 그리기

처음으로 캔버스의 drawImage를 호출하여 로컬 그림의 일부를 그리는 함수(성공할 수 있음)를 작성한 다음 toDataURL을 호출하여 캔버스가 그린 그림을 이미지 개체의 src 속성으로 변환한 다음 이 작업을 수행하는 이유는 무엇입니까? 캔버스에 그린 그림은 2차 그림에서도 같은 방법을 사용하는데...

PHP中文网 2017-07-05 10:46:27