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

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

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

使用 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  864

使用 ajax 將幻燈片新增至 Slick

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

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

linux - 挺迷幻的 No such file or directory，求科學解釋

要升級OpenResty，把sbin/nginx 檔案重新命名，然後迷幻場景了： {代碼...} 然而，/usr/local/openresty/nginx/sbin/ 和nginx 都是存在的，{代碼...}如果在目錄下重新命名就可以， {代碼...} 求科學家告訴我為...

某草草 2017-06-12 09:24:27 0  1  984

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

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

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

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

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

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

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

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

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

每 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  523

使用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  647

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

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

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

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

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

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

尋找只有一個輔音不同的單字在大型單字清單中的方法

我有一個近5000個「幻想」單字的列表，這些單字以ASCII文字形式書寫。其中一些單字如下：txintoqtxiqbaltxiqfuntxiqwektxiqyaltxiytontxonmiqtxoqwultxoqxik我想設計一個演算法，檢查/驗證清單中沒有兩個單字之間只相差一個「相似子音」。因此，我會像這樣定義「相似子音集合」（暫時）：zsxjpbtdkg一個集合中可能有3個或更多子音，但我現在只

P粉757640504 2023-08-15 16:26:13 0  1  670

JavaScript和Jquery：尋找被點擊元素的索引

我正在建立一個幻燈片，我在以下問題上遇到了困難-當點擊標籤時，如何在數組中找到位置（索引）？下面的程式碼部分取得了所有的a標籤this.thumbs=this.nav.find('a');從那裡開始呢？還有一個問題-當點擊標籤時，我需要切換標籤內部div的類別（div標籤需要取得classpromo_tumb_current，而具有該標籤的div需要失去它）。 HTML程式碼：<divclass=&

P粉022140576 2023-08-25 14:55:21 0  1  593

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

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

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

如何使用插槽建立輪播？

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

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

防止scrollIntoView()將容器捲動到頁面頂部

我正在嘗試建立一個簡單的“主要是css”圖像輪播，它使用滾動捕捉，但也有導航按鈕來控制當前查看的幻燈片。我找到的唯一解決方案是在目標元素上使用scrollIntoView()，它可以滿足我的要求，但它也總是將目標元素滾動到頁面頂部。我希望目標輪播投影片和容器保持在原來的位置，我只希望投影片水平滾動到視圖中。我正在看AdamArgyle的一個範例，他就是這樣做的，並且容器保持在原來的位置，我不知

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

如何使光滑的滑桿連續自動播放，但在箭頭/點單擊時加速滾動？

我想製作一個連續自動播放的滑桿。它工作正常，但箭頭和點看起來無法正常工作。我不確定應該更改哪些設置，但我希望滑桿在單擊箭頭或點後立即滾動。我嘗試使用下面的程式碼更改一些設置，但似乎沒有任何效果。當speed設定為6000自動播放具有完美的計時，但在單擊點/箭頭後滾動時使用相同的慢速，這種行為是不需要的（它應該立即滾動到所選幻燈片）。您能幫助我了解我該做什麼來實現我的目標嗎？ $(document).

P粉956441054 2024-03-25 21:20:33 0  1  556

隱藏和顯示動畫內容：建立具有過渡效果的HTML頁面

我正在嘗試製作一個以書籍形式展示內容、具有翻頁動畫的網站。對於每個「頁面」的內容，有不同的svg圖片進行動畫處理；我不確定如何進行操作。基本上，有沒有辦法按照我想要的方式顯示和隱藏內容，而不必為每個「頁面」建立一個html檔案？順序有點重要，我不希望谷歌將我的網站連結到一些隨機位置。謝謝！我在考慮一種旋轉木馬，但是幻燈片是整個頁面，支援動畫內容、動畫過渡，並且其中有文字。我對前端開發相對較新，如果

P粉674757114 2023-09-10 17:41:45 0  1  730

java - springboot新手學習

各位大神們 有沒有系統的學習springboot的資料和代碼可以推薦一下和給一下連結嗎？在GitHub上和百度上的學習資料特別零散 謝謝啦~~

天蓬老师 2017-04-18 10:53:17 0  3  621

spring - JavaWeb中 Service 層的事務問題

下面是我的Spring配置 透過上面的配置可以看出我是在所有的service中加入的事物，也就是說我的service出錯了會回滾所有的提交。那如果遇到Aservice呼叫Bservice的方法，然後Bservice呼叫了Cservice層的方法，A-...

PHP中文网 2017-04-18 10:53:17 0  3  572