使用腳本從五張幻燈片中隨機選擇三張幻燈片並顯示它並隱藏未選擇的兩張幻燈片

我有以下html和javascript程式碼，其中有一個帶有五張幻燈片的滑桿我需要在每次加載頁面時隨機選擇五張幻燈片中的三張，並且未選擇的兩張幻燈片將被完全隱藏。感謝您告訴我我的程式碼問題出在哪裡？我嘗試了以下程式碼，但所有五張投影片都顯示每次載入頁面時，其中三張投影片隨機有內容，兩張是空的。我需要不顯示那兩張空白投影片constslogans=Array.from(document.querySele

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

使用 Vue.js 在 Swiper 中建立用於幻燈片導航的自訂按鈕

我需要刪除預設導航（nextEl、prevEl）並使帶有“下一張幻燈片按鈕”文字的按鈕滾動到下一張幻燈片<swiperclass="news-slider":sliderd-per-view="1" :modules="[Navigation,Pagination,A11y,Lazy]"navigation="navigat

P粉035600555 2023-11-02 14:42:51 0  1  712

使用 ajax 將幻燈片新增至 Slick

因此，我使用SlickCarousel，並在其中顯示資料庫中的產品列表，出於效能原因，該列表限制為24個。但我需要顯示所有這些，所以我創建了一個afterChange函數，每次用戶在結束前有2張幻燈片時，ajax都會加載另外24個產品，並使用slickAdd函數將它們添加到Slick的末尾。一切工作正常，但是當slickAdd函數執行時，幻燈片寬度由於某種原因從457px更改為451px，我可以在

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

循環滑動幻燈片，排除賽普拉斯中的克隆重複項

我是Cypress的新手，正在嘗試循環滑動幻燈片，排除克隆的重複項。我在cypress中使用.each()的索引，但這不起作用。以下是我的程式碼if(index!=0&&index>=22){//dosomething}else{//dosomething}下面是我的html程式碼的範例快照：任何人都可以提出僅循環到原始投影片的邏輯嗎？

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

幻燈片箭頭的點擊區域寬度超過圖標

在我的WordPress開發網站上，我有一個用於圖庫的幻燈片功能。當你點擊一張圖片時，它會開始播放投影片。我的問題是我的兩個白色箭頭，一個在左邊，一個在右邊。箭頭的可點擊區域比圖示的大小寬。請參考下面的圖片。可點擊區域比圖標寬這是我的開發網站的URL我嘗試在這個問題中包含我的程式碼，但係統告訴我「您的問題似乎是垃圾郵件」。 CSS檔案是「https://dev.francisbegin.ca/wp-

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

滑桿進度條與投影片數量不相符

我已經創建了一個包含7個項目的輪播。預設情況下，此輪播將展示5個項目。在我的簡報中，我遇到了兩個問題：滑桿被設定為無限循環，但是當它回到第1個投影片時，進度條不會重置。一旦滑塊到達末尾，它會立即跳回第1張幻燈片（而不是平滑過渡）。一旦第7張投影片（第7張卡片）可見，進度條應該完成。 $slider.slick("getSlick").slideCount的console.log

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

使用TailwindCSS和Flowbite基於已儲存的localStorage值設定輪播項數量

使用TailwindCSS和Flowbite將輪播加入我的頁面。我還添加了一個切換開關元素，基本上允許我在輪播中的兩個項目之間循環（選中=幻燈片2，未選中=幻燈片1）。這個可行-我陷入困境的是嘗試根據localStorage中該切換的存儲值將其設置為加載時的“幻燈片2”。我已驗證我的localStorage值是否已正確保存/檢索（作為“是”和“否”字串）。然後，我嘗試在加載時將輪播設定為幻燈片

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

PHP <form method="post"> 在多個輪播投影片上

藉口：我正在製作一個帶有輪播的主頁。輪播效果很好。但是，每張投影片都有自己的輸入表單。如果我嘗試將兩種形式組合在一個標籤內，則每當我更改幻燈片時，頁面都會重新載入到其原始內容。我相信這是由於標籤將所有輸入保存在一起，並且當輪播幻燈片索引更改時，表單值會重置。我想做什麼我希望能夠在一頁上有多個標籤，而不是使用一個封裝來導致在更改到另一張投影片時重置所有選定的值。可以用某種isset($_POST['

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

如何在 R Markdown 中將投影片標題放置在頁面中央？

我想在兩個部分之間添加一張空白投影片，並在其中心添加一個主標題格式的短標題（單一#）。這可能嗎？

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

每 3 個元素包裹一個父元素

我只是想用一類搜尋音訊將一個div與幻燈片類別包裹在每3個div周圍。我遇到的一個錯誤是它說elem.parentElement未定義...所以這部分效果很好......constaudioBlocks=document.querySelectorAll('.search-audio');constslider=document.querySelector(' .slider');constaudio

P粉211273535 2024-04-02 13:11:31 0  2  395

PHP：如何將子資料夾中的所有映像複製到單一資料夾中（無需建立子資料夾！）

為了我妻子的生日聚會，我建立了一個網站，透過網站我收集聚會客人的圖像，然後製作一本好書作為紀念品。客人有一個帳戶，並將圖像上傳到「他們的」資料夾。我現在有一個工具可以從圖片動態創建幻燈片-但不幸的是它無法遍歷子資料夾。因此，我的主要目標是將圖像檔案複製到一個指定的資料夾，幻燈片可以從該資料夾中獲取它。然後，我會每5分鐘左右運行一次PHP腳本作為cron，並在聚會期間在螢幕上顯示圖像。我已經找到了

P粉877114798 2024-01-29 09:16:15 0  1  395

使用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 0  1  588

如何使用插槽建立輪播？

人們不斷向我展示使用圖像數組創建輪播的相同方法。但這種方法不靈活，因為我希望輪播的每張投影片都包含一個燈箱組件。在這種情況下，我不想為我放入輪播數組中的圖像重寫燈箱的功能。那太好了嗎？編寫更少的程式碼並使Vue.js中的可重複使用元件比以往更有用。我發現了一個使用插槽的非常好的例子。 GitHub上SSENSE的VueCarousel。作為一個不太精通網頁開發人員，我仍然不明白他是如何讓每張幻燈片顯示一

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