このプラグインを 1 つのページで使用する場合、たとえばテンプレートを wordpress や enqueve で使用すると問題が解決します
最初の瞬間に動作しますが、Firefox でのみ動作します。この後、他のナビゲーターで動作し、決して動作せず、Firefox でのみ動作します
私がこれを行うとき、私はショートコードを使用してこのスライダーを画像とともに表示し、ショートコード内で jquery コア参照とプラグイン src 参照を使用します。このように機能しますが、コードが頭にある場合ワードプレスは機能しません。ショートコード内のコードを使用すると、ワードプレスのすべてのスクリプトが停止し、このプラグインのみが機能し、jquery の参照コードとこのプラグインを参照すると、頭の中に入ることはありませんが、すべてのプラグインは機能します
このプラグインにのみ問題があり、常に同じ問題が発生します。私のコードは次のとおりです。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.5.2'"></script>
<script src="container/themes/thefactoyweb/js/jquery.carouFredSel-6.2.1.js"></script>
<style>
#footxxx img
{
width:280px;
height:113px;
}
</style>
<div id="footxxx">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
<img src="image1.png" class="image_car" height="113" width="280">
</div>
<script>
jQuery(document).ready(function() {
jQuery("#footxxx").carouFredSel({
items: 3,
direction: "left",
scroll:{
items: 2,
// width : 280,
// height : 140,
easing:"elastic",
duration:1000,
pauseOnHove:true
}
});
});
</script>
これにより、このプラグインに代わるものが存在するかどうかを知りたいです.1つの問題を修正すると、他の問題が表示され、常に他の問題が発生することは不可能であるためです。
ありがとうございます。それでは、お元気で !