Question

由于我无法覆盖的原因，我不得不在我的网站上使用WordPress的默认图库添加。

我正在尝试使用Owl Slider来控制帖子中的“产品评论”部分。

然而，似乎Owl Slider和jQuerySlider 2都在处理与<div>项一起使用的元素。

有没有办法让Owl Slider使用<dl><dt>+<dd>元素？

我需要让它看起来像左边的产品图片，右边的描述，我可以用CSS轻松控制，但我需要确保Owl Slider可以使用上面的元素。通过JavaScript为Gallery改变html输出也不是一个选项，因为我的高级开发人员讨厌使用任何可以避免的JavaScript。

使用代码

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

  });
});

我可以让它换行，但它会连续显示每个画廊项目。我无法链接到开发网站上的页面。

谢谢！

Answer 1

结束只能添加：

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

其他一切都包括在内。

这允许Owl-Slider上的高度可调节。我能够将它添加到我的.js文件中，以便在任何具有WordPress库的单个帖子页面上调用它。

另外，我没有正确链接.css文件。

使用带有WordPress默认图库的猫头鹰滑块

1 个答案: