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

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

P粉068174996 2024-01-29 15:29:10 0  1  512

아파치에 계속 빨간불이 들어오고, 시스템을 재설치해도 빨간불이 뜨네요 혹시 원격으로 해결해주실 분 계신가요? 나는 초보자입니다

아파치에도 계속 빨간불이 들어오고, 시스템 재설치에도 빨간불이 나오네요. 며칠째 고쳐지지 않아서 그냥 웹게임이나 하고 싶네요. 원격으로 해결해주실 분 계신가요? 나는 멍청한 놈이다. 유급의. 많이 이해가 안 가네요. 좋은 의도를 갖고 계신 분이 보시고 답변해 주셨으면 좋겠습니다. 감사합니다.

揽一身可爱V 2020-08-21 03:19:40 0  4  1420

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

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

P粉587780103 2023-08-25 16:17:45 0  1  634

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

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

P粉043432210 2023-09-15 14:13:53 0  1  567

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

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

P粉937769356 2024-02-26 19:55:30 0  1  332

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 0  1  701

javascript - ckplayer 비디오 플레이어 플러그인은 어떻게 조명을 켜고 끄나요? 모든 신들에게 도움을 요청하세요

ckplayer 비디오 플레이어 플러그인은 어떻게 조명을 켜고 끄나요? 모든 신들에게 도움을 요청하세요

滿天的星座 2017-06-12 09:32:59 0  2  1018

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

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

P粉197639753 2024-03-25 22:41:02 0  1  436

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

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

P粉154228483 2023-09-15 18:22:53 0  1  494

java - 플래시 스위치 제어를 Android 4.x와 최신 Android 버전과 호환되게 만드는 방법은 무엇입니까?

플래시 스위치는 4.0~최신 안드로이드 버전과 호환되어야 합니다. 요구 사항을 충족할 수 있는 솔루션이 있습니까?

阿神 2017-06-05 11:10:53 0  2  710

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

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

P粉195200437 2023-09-13 19:29:50 0  1  605

PHP 도구 상자에 문제가 있나요? 이것이 신과 악마의 상황이다.

신과 악마의 상황에 대해서는 잘 모르지만 이것은 정상적인 단계입니다.

外星人 2018-12-14 18:23:51 0  0  907

angular.js - angular 路由跳转时样式不起作用是神魔情况？

angular 路由跳转时样式不起作用是神魔情况？

phpcn_u1582 2017-05-15 17:10:56 0  1  603

CSS 방사형 그래디언트를 SVG 방사형 그래디언트로

CSS http://codepen.io/A973C/pen/hnEaf(신호등의 빛을 의미함)와 같이 SVG에서 방사형 그래디언트를 만들 수 있습니까?red{Background:red;Background-image :radial- 그라데이션(갈색,투명);배경 크기:15px15px;너비:100px;높이:100px;테두리-r

P粉308783585 2023-12-11 15:54:09 0  2  588

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

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

P粉043566314 2024-03-21 21:45:29 0  1  332

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

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

P粉817354783 2024-01-10 16:53:13 0  1  393

macos - Mac에 포함된 Apache 및 PHP를 완전히 삭제하는 방법

인터넷에서 mamp가 굉장히 유용하고 자동으로 설치가 가능하다는 이야기를 들어서 다운받아 설치했는데, 아파치 서버의 초록불이 항상 꺼져 있어서 그 안에 있는 mysql 서버의 불만 사용했습니다. on 하고 localhost 에 들어가 맥 네이티브로 들어가니 아파치가 삭제되지 않은 원본 아파치인데...

伊谢尔伦 2017-05-16 17:02:11 0  3  1205

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

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

P粉690200856 2024-03-26 20:25:28 0  1  454