1

オーバーライドできない理由により、サイトに WordPress のデフォルトのギャラリー追加機能を使用せざるを得ません。

投稿の「製品レビュー」セクションを制御するために Owl Slider を使用しようとしています。

ただし、Owl Slider と jQuerySlider 2 はどちらも、<div>アイテムで使用されている要素を処理しているようです。

<dl><dt>+<dd>Owl Slider に要素を利用させる方法はありますか?

CSS で簡単に制御できるように、左側の製品画像、右側の説明のように見えるようにする必要がありますが、Owl Slider が上記の要素で動作することを確認する必要があります。ギャラリーの JavaScript を介して 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 に答える