在WordPress默認圖庫中使用貓頭鷹滑塊

由於無法覆蓋的原因，我不得不使用WordPress的默認圖庫添加爲我的網站。在WordPress默認圖庫中使用貓頭鷹滑塊

我想使用貓頭鷹滑塊來控制我的帖子中的「產品評論」部分。

但是，看起來Owl Slider和jQuerySlider 2都會使用與<div>項目一起使用的元素。

有沒有辦法讓Owl Slider利用<dl><dt>+<dd>元素？

我需要讓它看起來像左側的產品圖像，右側的描述，我可以用CSS輕鬆控制，但我需要確保貓頭鷹滑塊將與上述元素一起使用。由於我的高級開發人員不喜歡使用任何可以避免的JavaScript，所以通過JavaScript爲圖庫改變html輸出也不是一種選擇。

使用代碼

jQuery(function(){ 
    jQuery(".gallery").owlCarousel({ 
    items     : 1, 
    singleItem    : true, 
    autoHeight    : true, 
    transitionStyle   : "fade", 
    stopOnHover    : true, 
    pagination    : true, 
    responsive    : true, 
    responsiveBaseWidth  : window 

    }); 
});

我能得到它的包裝，但它顯示成一排的每個庫項目。因爲它位於開發站點上，所以無法鏈接到該頁面。

謝謝！

來源

2015-06-02 Ishio

結束了能夠只需添加：

jQuery(".entry-content .gallery").addClass('owl-carousel owl-theme'); 
jQuery(".entry-content .gallery").owlCarousel({ 
     items     : 1, 
     singleItem    : true, 
     autoHeight    : true 
});

和其他一切是包括在內。

這允許可調高度的貓頭鷹滑塊。我可以將其添加到我的.js文件中，以便在任何具有WordPress庫的單一頁面上調用它。

此外，我沒有正確鏈接.css文件。

來源

2015-06-02 16:22:16 Ishio

在WordPress默認圖庫中使用貓頭鷹滑塊

回答

相關問題