swiper

0熱度

1回答

我使用的是使用引擎蓋下Swiper的Ionic2滑塊。我製作了一個可以一次顯示3張的旋轉木馬，但我希望第四張幻燈片能夠部分顯示，以便用戶知道還有更多幻燈片（無法使用分頁點）。我看不到任何配置（在Ionic API或Swiper API上）來實現。有沒有人知道一個配置或「非哈克」的方式來實現這一點。我附上了設計應該看的內容的屏幕截圖。

1熱度

1回答

z-index不能正常工作，因爲我在離子幻燈片裏面預期了

我有兩個使用ion-slides組件的滑塊，我創建了一個帶有兩個按鈕（導航按鈕）的頁腳。直到那裏好。但是...我在其中一個滑塊內部有一個表單，所以當我關注input text元素時，virtual keyboard打開並將頁腳向上移動，將它站在表單的前面。我知道hide-on-keyboard-open類，但這不是inmediate（你可以看到頁腳如何放置在表單中幾秒鐘前），所以我想利用z-i

0熱度

1回答

Webpack：如何包含swiper.css int bundle.js

我以webpack開頭。我想用swiper庫和webpack。儘管我沒有問題使用js部分，但我無法找到包含和使用css部分的方式。我測試幾個需要語法，但沒有作品： require("swiper/dist/swiper.css"); require("swiper.css"); 這可能嗎？有沒有一招？

0熱度

1回答

Swiper和Jquery：從側面板去特定幻燈片

我有這個jQuery頁面，我用Swiper庫通過垂直滑動顯示我的內容。我想通過單擊側面板上的任何鏈接來訪問特定的幻燈片。當我向上或向下滑動時，不會滾動頁面，但是當我單擊以從面板中轉到特定鏈接時，頁面會向下滾動，而我無法從該幻燈片向上滑動。是否有任何出路只顯示所需的幻燈片沒有滾動頁面和保持標題和麪板固定？這裏是我的代碼 - <!DOCTYPE html> <html lang="en">

5熱度

1回答

將水平滾動條添加到Ionic2的離子滑塊

我使用的是Ionic2的ion-slides，它對我來說工作正常。 <ion-slides [options]="extraOptions"> <ion-slide *ngFor="let slide of slides"> <img src="{{slide.image}}" /> </ion-slide> </ion-slides> 我想補充

1熱度

1回答

Swiper idangerous slider by view at one of one

我使用Swiper Idangerous插件創建滑塊，並且出現問題。我會解釋我的問題： Swiper現在在分頁顯示所有項目的項目符號，並在刷卡時刷到下一個項目。我需要的是：需要分頁只顯示頁數（不是項目），當刷卡需要看到下面的4個項目（所以4個項目滑動，然後顯示下4個項目）。如果這可能與該插件？或有花葯可以做到這一點？我已經添加了一個代碼，所以你可以知道我在做什麼，因爲我也需要這個來響應。

0熱度

1回答

結合Swiper滑塊和photoswipe

我正在尋找Swiper滑塊和Photoswipe（或其他燈箱）的組合。試圖在幻燈片中製作包含3種產品的產品滑塊。每個產品有一個燈箱/模式與視頻和畫廊。模態在產品div的邊界內生成。當您點擊「打開圖庫」/「顯示視頻」鏈接時。燈箱打開全屏。我遇到的問題是：燈箱不會（但必須）超出滑塊產品邊界的邊界。尋找解決方案。當產品幻燈片中單擊「打開模式」鏈接時，類似於空滑塊模式/燈箱容器外部的動態內容

0熱度

2回答

iDangerous Swiper分頁在右邊

我嘗試在屏幕截圖上獲得右邊的頁面設置：線索是Slider不應該像Demo中那樣垂直滑動。這是我的代碼到目前爲止。我把類刷卡容器垂直容器上： .swiper-container-horizontal { .swiper-pagination-bullets { right: 10px !important; bottom: 5px; left: auto;

1熱度

1回答

idangero Swiper回覆破壞點不起作用

嗨我在我正在使用的網站上使用iDangero Swiper，出於某種原因，我無法獲得響應的突破點。下面是我使用的js。 var swiper = new Swiper('.s1', { slidesPerView: 5, slidesPerColumn: 2, spaceBetween: 30, nextButton: '.swiper-button-next', prevButton:

2熱度

1回答

Ionic Swiper - ng-repeat with loop

我使用Swiper（ion-slide）和Ionic，但是當我在每個幻燈片頁面內創建一個帶循環：true和ng-repeat的滑塊時，ng-repeat會乘以數字的幻燈片只在幻燈片「swiper-slide-duplicate」的循環中。例子：https://codepen.io/clementdev/pen/qNxryJ 我在每張幻燈片，但是，兩個滑動式兩份一切所有的顏色類創建一個NG重複一個