将 Owl 滑块与 WordPress 默认图库一起使用

Question

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

我正在尝试使用 Owl 滑块来控制帖子中的 "product review" 部分。

但是，Owl Slider 和 jQuerySlider 2 似乎都可以处理与 <div> 项目一起使用的元素。

有没有办法让 Owl 滑块利用 <dl><dt>+<dd> 元素？

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

使用代码

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

  });
});

我可以将其包装起来，但它会连续显示每个画廊项目。我无法 link 访问该页面，因为它在开发站点上。

谢谢！

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 Gallery 的单个 post 页面上调用它。

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

将 Owl 滑块与 WordPress 默认图库一起使用

Using Owl Slider with WordPress Default Gallery

javascript

wordpress

owl-carousel-2