次のようないくつかの画像スライドを含むプロジェクトで、cycle.js を使用しています。
<div id="cycles">
<img src="1">
<img src="2" style="display:none;">
<img src="3" style="display:none;">
</div>
最初の画像以外はすべて「display:none;」にしました。ページが完全にロードされていないときに時々発生する画像のスタックまたはフラッシングを修正します。その後、Cycles は画像の表示属性をdisplay:block;必要なときに更新します。これが私が望んでいることです。
しかし、これらの画像を<a></a>タグでラップすると、これらのタグはサイクルの影響を受けますが、これらの内部の子タグは影響を受けません。<a></a>タグは継承されますdisplay:block;が、画像は保持 display:none;され、表示されません。
では、最初のタグではなく、2 番目のタグに影響を与えるサイクルを指定するにはどうすればよいでしょうか? <a href="#"></a>常に正確で一貫性のあるものにするために、各画像スライドをラップするだけです.
ヘルプ！ありがとう ：）