私のウェブサイトのホームページには、スライダーとファンシーボックスが並んでいます。
正常に動作しているように見えますが、ファンシーボックスを開くとすぐに、スライダーのスライドが台無しになります。ファンシーボックスの onClosed 関数でスライダーをリセットしようとしても、どこでも jquery.noconflict を使用してみました。残念ながら、これはすべて私を助けませんでした...
この問題であなたの一人が私を助けてくれることを本当に願っています.
編集
Jqueryを置き換えましたが、残念ながらスライドはまだ乱雑です
現在、fancybox の onClosed イベントを使用して、スライドショーを一時停止 (および再開) しようとしています。コードが機能しておらず、その理由がわかりません...ボタン<button data-cycle-cmd="pause">Pause</button>でテストしたところ、うまくいきました。関数が機能していない、または呼び出していない理由はありますか?
追加編集; 以下のサイトの html コードを配置します。
スライダー div:
<div class="cycloneslider cycloneslider-template-default" id="cycloneslider-slideshow1-1" style="max-width:657px">
<div class="cycloneslider-slides cycle-slideshow" data-cycle-slides=">
div" data-cycle-auto-height="657:359"
data-cycle-fx="fade"
data-cycle-speed="1000"
data-cycle-timeout="4000"
data-cycle-pause-on-hover="false"
data-cycle-pager="#cycloneslider-slideshow1-1 .cycloneslider-pager"
data-cycle-prev="#cycloneslider-slideshow1-1 .cycloneslider-prev"
data-cycle-next="#cycloneslider-slideshow1-1 .cycloneslider-next"
data-cycle-tile-count="7"
data-cycle-tile-delay="100"
data-cycle-tile-vertical="true"
data-cycle-log="false">
<div class="cycloneslider-slide" >
(sources of) img1, img2, img3
</div>
</div>
<script>jQuery.noConflict();</script>
試みたが失敗した：
$('.cycle-slideshow').cycle('pause');
$('#cycloneslider-slideshow1-1 .cycle-slideshow').cycle('pause');
$('.cycle-slideshow', window.parent.document).cycle('pause');