1

由于我无法覆盖的原因，我被迫为我的网站使用 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

  });
});

我能够将其包装起来，但是它会连续显示每个画廊项目。我无法链接到该页面，因为它位于开发站点上。

谢谢！

4

1 回答 1

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 文件。

于 2015-06-02T16:22:16.140 回答