swiper

    1熱度

    1回答

    我嚴格使用舊版本組隊,探索(v2.7.6)和工作也的jQuery(v1.10.1) 我試圖改變左,右箭頭的不透明度當第一張或最後一張幻燈片激活時。 (左箭頭將是較低的不透明度,如果在1日幻燈片,並用右箭頭相同的,如果在最後一張幻燈片。 箭頭將返回到完全不透明,如果在兩者之間的幻燈片。 多小時後,不幸的是我不能解決此 這裏是我當前的jQuery代碼: if ($(".swiper-slide:eq(

    0熱度

    2回答

    我使用的是swiper slider,並且希望在滑塊外部具有導航箭頭。我基本上想要做的就像它在airbnb網站上的樣子一樣,其中帶圖像的滑塊佔據了整個12列的行,但箭頭在它之外。 我使用引導嘰嘰喳喳css框架,我已經嘗試過各種東西,但沒有工作,不知道如何實現這一目標? 的CSS是這樣的: .swiper-container { margin-top: 50px; positio

    0熱度

    1回答

    我試圖讓組隊,探索工作,但它總是把我的錯誤「組隊,探索不是構造函數」 我使用http://idangero.us/swiper/get-started/#.WMsuihJ96MI爲組隊,探索圖書館和安裝這個庫作爲流星包。 客戶端/ body.js Template.slider.onRendered(function(){ var mySwiper = new Swiper ('.swi

    0熱度

    1回答

    Swiper(http://www.idangero.us/swiper)是否提供了一個事件以滑動到具有特定類的幻燈片?有一個事件slideTo(index),但我需要像slideTo(「。slide-classname」)。 這就是我要做的 - 也許不同的方法是可能的: <script type="text/javascript"> $j(document).ready(functio

    1熱度

    1回答

    我需要銷燬Swiper滑塊。 此代碼初始化 <script> import { swiper, swiperSlide } from 'vue-awesome-swiper'; export default { components: { swiper, swiperSlide, }, data() { ret

    0熱度

    1回答

    我想將分頁子彈從底部移動到查看區域的頂部。 <div class="swiper-container"> <div class="swiper-wrapper"></div> <div class="swiper-pagination"></div> </div> 當前,分頁項目符號顯示在下面的所有包裝器或附加JavaScript的幻燈片內容。我希望它出現在上面。 更多信

    0熱度

    1回答

    因此,在IE11下顯示圖像時,swiper(?)的表現並不完美。這些圖像在Chrome和Firefox上完美呈現。 And you can see this live here 下面的代碼(對於它的價值,它是產生它laravel) <div class="row"> <div class="col-xs-12"> <div class="panel panel-default

    0熱度

    2回答

    如果您單擊索引0,則該方法不起作用。如果單擊索引0,則1和2將停止工作。如果我在1或2上單擊2次,則滑塊將轉到所需的幻燈片。但零指數根本不起作用。請告訴我,可能是什麼問題? <Swiper onMomentumScrollEnd={(e, state, context) => this.setState({index: state.index})} ref={(

    0熱度

    1回答

    我的目標是獲得類似於原生android的類似滑動界面體驗。 開始屏幕上的WhatsApp選項卡是我的目標的一個很好的例子。因此我決定使用http://idangero.us/swiper。 我的配置是這樣的: // This works -> but I dont want centered slides var galleryThumbs = new Swiper('.gallery-thum

    0熱度

    2回答

    我正在使用此代碼來初始化swiper滑塊。 var mySwiper = new Swiper ('.swiper-container', { // Optional parameters pagination: '.swiper-pagination', paginationClickable: true, nextButton: '.swiper-but