swiper

0熱度

1回答

我有4個函數用相應的選項調用Swiper滑塊。將這些附加到正確的div後，然後添加將它們鏈接在一起的代碼，以便一個滑塊控制另一個，反之亦然。我收到錯誤「Uncaught ReferenceError：swiperV2 is not defined」。我認爲這是因爲他們在每個功能中，而這個對他們的引用並不能「看到」他們。有關如何解決此問題的任何想法？感謝 $(".swiper-containe

0熱度

1回答

在Angular Swiper中獲取圖像和標題

我使用Swiper（https://www.npmjs.com/package/angular2-useful-swiper）顯示圖像和標題的圖庫。此包的演示中的代碼僅通過圖像url的數組迭代。我嘗試通過在圖像標題的段落中添加修改。我想遍歷2個數組（一個是指向圖像的鏈接數組，另一個是相應圖像的標題數組）。我覺得這段代碼幾乎可以工作，它遍歷兩個數組，但它打印出3次，而不是作爲一個滑塊......

1熱度

1回答

迭代遍歷類Angular4

我目前使用Swiper（https://www.npmjs.com/package/angular2-useful-swiper）創建圖像庫。是否有可能通過迭代對象數組並使用ngClass動態更改div的類？我不確定它是否支持插值。我不斷收到的錯誤說「標識符樣式」未定義，'數組'不包含這樣的成員。但爲什麼是ngStyle中，H4和p能夠抓住的元素和遍歷它，如果是這樣的話？ slider.com

0熱度

1回答

Swiper Slider鼠標懸停分頁

我想在Swiper Slider上進行鼠標懸停分頁。我該怎麼做？這是我的javascript代碼; var subSlider = new Swiper ('.subsSlider', { // Optional parameters direction: 'vertical', loop: true, // If we need pag

2熱度

1回答

有沒有辦法使用swiper.js來滑動一個大的「幻燈片」？

我試圖找到一種方法來在容器中滑動我的數據，而不必使用默認的horizotal滾動條。所以我嘗試使用swiper.js。它的工作原理 - 類型，但問題是我不能自由地滑動來回滑動，而沒有「幻燈片」自動滑回。 I made a fiddle here to test。這裏是JS代碼，我使用的是： var swiper = new Swiper('.swiper-container', {

1熱度

2回答

需要動態添加類名稱

目前我正在使用swipper旋轉木馬在我創建的網站中。我想爲每個滑動圖片的標題添加一些動畫。所以即時通訊使用@ -webkit-keyframes。但只有第一個圖像即時得到這個effect.In其他圖片的內容是static.Any知道該如何實現這個它loads.Appreciate任何help.Thanks後的每張幻燈片...... .carousel-content{ width

3熱度

4回答

在CSS之前使用，在後臺添加圓圈

我想在導航按鈕後添加一個圓。但我無法實現它。我正在使用Swiper。這些是我在導航箭頭下定位圓時的一些快照。正如你可以看到，當我調整量，左::前，背景圈定上面的導航按鈕。我正在使用僞::在CSS之前創建圈子。但我無法實現它。這是我的CSS工作。請檢查它，並讓我知道，我在哪裏做錯了？ .content .swiper-button-next { height: 25px;

1熱度

1回答

如何在動態元素上添加多個類，其中一個是增加數字的類？

我一直在嘗試使用自定義類的滑動滑塊創建一些幻燈片。  <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div>

2熱度

1回答

組隊，探索 - 滑動菜單全寬

我想在我的項目，引導建成使用swiper slide menu 4. 我有一個導航看起來像這樣，這裏的菜單按鍵被安置在右側小屏幕上： <div class="container"> <nav class="navbar navbar-toggleable-sm navbar-light bg-faded"> <div class="menu-button navbar-to

0熱度

1回答

如何用一個分頁創建多個Swiper滑塊？

我想用一個分頁製作2個滑塊。我使用Swiper 2.7.6。這兩個滑塊應該有不同的效果。我還沒有在官方網頁上找到一個例子。我希望它看起來像this。這裏是一個代碼： if ($('.photo-slider').length) { $('.photo-slider').each(function(i){ var $this = $(this); //slider