0

トランジション用のjqueryサイクルプラグインを使用してスライドショーに取り組んでいます。画像にハイパーリンクを追加するまで、すべて正常に動作します。ユーザーが追加したい場合はハイパーリンクを追加しようとしているので、コンソールに各画像のセットボタンがあります。ユーザーがハイパーリンクを選択してセットをクリックすると、これでハイパーリンクは正しく設定されましたが、トランジションはimgタグではなくアンカータグに適用されます。リンクを設定すると、img タグはこのようにアンカー タグ内にラップされます。

     <a href="www.google.com" id="link" class="link"> 
        <img id="imgBoxRot_1_1" style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; z-index: 3; opacity: 0;" src="http://localhost/images/layout/slideShow/gallImg1.jpg">
     </a>

このアンカータグをこのように動的に作成し、画像に追加します。

    var newA = document.createElement("a");
    newA.setAttribute("id","lnkImgRotImg_"+iCount+"_"+idT);
    newA.setAttribute("href",document.getElementById(lnk).value);
    newA.setAttribute("class","aTransLink");
    newA.setAttribute("target","_blank");

アンカー タグを設定する前は、プラグインは正常に動作し、トランジションが適用されますが、画像にアンカーを追加すると、画像ではなくアンカー タグにトランジションが適用されます。これを修正するにはどうすればよいですか?
時間をありがとう。

4

1 に答える 1

1

プラグインのドキュメントを調べた後、プラグインは、それが適用される div 内にある最初のタグにデフォルトで適用されることがわかりました。
つまり、

<div class="">
     <img></img>
     <img></img>         
</div>

さて、このように画像の周りにアンカーを巻き付けると、

<div class="">
     <a href="">
       <img></img>
     </a>

     <img></img>         
</div>

プラグインはイメージ タグとアンカー タグを混同し、トランジションをイメージ タグではなくアンカーに適用します (サイクル プラグインが適用される div の後の最初であるため)。したがって、最初にすべての画像をそれぞれアンカータグ内にラップし（以前にアンカーを動的に追加しました）、画像タグの代わりにアンカー自体にプラグインを適用しました。

于 2012-10-04T07:31:33.777 に答える