carousel

0熱度

3回答

Soo ...如果任何人有幾分鐘的時間，可以看看我的代碼，並幫助我在這裏...我有一個問題，我無法解決，並一直在破壞我的頭現在時間... 所以我使用的是引導在一個頁面爲當地血庫足協和我想要實現這個：轉盤疊加的背景圖像，不介意的藍色和黃色事情...... 和這是我得到：這裏是我的代碼： HTML：  <div class="bg">

-1熱度

1回答

如何自定義貓頭鷹傳送帶滑塊

我已將貓頭鷹傳送帶2（最新更新）添加到我的主題中。我已成功添加了輪播。但是，我無法控制定製它。我試過編輯owl-carousel.js文件，我試着編輯我的owl.carousel-init.js文件，但他們都沒有給我我想要的定製。主要的是我只需要5個貓頭鷹項目，目前有8個。我是否添加了所有正確的文件？這是我正在構建的第一個主題，所以我不是100％自信，我做的一切都是正確的。有人能幫我發現我犯的錯誤

0熱度

1回答

旋轉木馬箭頭鍵滾動不起作用

默認情況下，旋轉木馬在頁面加載時沒有專注於自身，這就是爲什麼輪播中的箭頭鍵滾動不起作用，除非您互動，但我希望專注於旋轉木馬，並且一旦頁面加載，我希望旋轉木馬中的箭頭鍵滾動是可能的。我嘗試添加此代碼： var $carousel = $('.stest'); $(document).on('keydown', function(e) { if(e.keyCode == 37) {

0熱度

1回答

只有存在圖像時才顯示旋轉木馬。（在Wordpress站點中使用高級自定義字段添加圖像的引導程序輪播）

我有一個自定義帖子類型，可能包含或不包含要在輪播/幻燈片中顯示的圖像。如果已經通過高級自定義字段將圖像添加到帖子中，我該如何纔能有輪播顯示？以下是我到目前爲止的代碼。它的工作原理除了沒有與帖子相關的圖像之外，前端仍然顯示轉盤控件和其他東西。要做到這一點，知道如何使指標自動填充所添加圖片的數量會很棒。截至目前，我已將指標評論出來。  <div id="myCa

0熱度

1回答

Bootstrap旋轉木馬不識別幻燈片超過10

我有一個愚蠢的問題，當它有超過10張幻燈片時，稍微定製的Bootstrap旋轉木馬。點擊縮略圖時，雙數的幻燈片沒有註冊？ <div class="col-md-12" id="slider"> <div id="theGallery" class="carousel slide" data-ride="carousel" data-interval="false"> <div

-2熱度

1回答

隨着令牌輸入列表增加，自舉輪播自動增加高度

我有一個實際上是表單的輪播。一個旋轉木馬項目是一個多選擇框隨着多選框的高度增加，我如何自動增加一個旋轉木馬項目的高度。圖片1是我如何得到的。圖片2我想要它。非常感謝您的寶貴意見。我無法刷新旋轉木馬。這將取消設置我的表單輸入 <div class="row no-gutters" id="mob-carousel-row" [style.height.px]="mobileCarousel

1熱度

1回答

貓頭鷹旋轉木馬不會在鼠標懸停時恢復

貓頭鷹旋轉木馬不會在鼠標懸停時恢復。當我加載它自動播放的頁面。當我將鼠標懸停時，它將停止，但不會在鼠標懸停時恢復。 <script> var owl = $('.owl-carousel'); owl.owlCarousel({ items:4, loop:true, margin:10, autoplay

1熱度

1回答

css代碼來修復寬度和高度 - bootstrap

我在我的web應用程序上使用傳送帶。目前我有兩個圖形，當用戶點擊下一個箭頭時，第二個圖形顯示如demo here.所示第二個圖形的寬度和高度減少了。我無法弄清楚如何修復寬度和高度，以便在點擊下一個箭頭時不會縮小寬度和高度。我已經通過這個鏈接Bootstrap carousel resizing image但它沒有爲我工作。請指點如何修正的寬度和高度時轉盤，（當傳送帶則使用尺寸是被還原爲第二顯示

0熱度

1回答

使用CSS縮放背景圖像

我從Startbootstrap.com使用以下Modern Business Template，並且主頁上有一個輪播。當我使用CSS屬性設置背景圖像時，background-size: cover;它拉伸圖像但不縮放。如何拉伸圖像以覆蓋整個轉盤面板並適當縮放。 HTML： <div class="item"> <div class="fill" style="background-im

1熱度

1回答

不能更多圖片到3D滑塊添加

這是我的代碼 new Vue({ el: '#example', data: { slides: 7 }, components: { 'carousel-3d': Carousel3d.Carousel3d, 'slide': Carousel3d.Slide } }) .car