- 締切済み
インラインフレーム内skitter画像ターゲット
jQueryを使ったスライドショーでskitterを利用しています。 skitterで作ったページをインラインフレームでトップページに表示しているのですが、画像をクリックしてターゲットのページを開く際、時々インラインフレーム内にターゲットのページが開いてしまうことがあります。特に画像アニメーションが完了していない状態でクリックするとインラインフレームの中に開いてしまうように思えます。 以下のように画像のコード部分でリンクの前にtarget指定で_topは指定してあるのですが・・。 <div class="box_skitter box_skitter_large"> <ul> <li><a target="_top" href="リンク/newpage1.html" > <img src="images/img01.jpg" /></a> <div class="label_text"><p>画像1</p></div> </li> <li><a target="_top" リンク/newpage2.html" > <img src="images/img02.jpg" /></a> <div class="label_text"><p>画像2</p></div> </li> </ul> </div> jquery.skitter.jsのほうで何かコードを変えないといけないのでしょうか? それともインラインフレーム内でskitterの表示はよくないのでしょうか? targetで_topを指定してあればうまく開くように思うのですが・・。 jQueryは初心者です。 ご存知の方、ぜひ対処方法をご教授ください。 よろしくお願いいたします。
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- 2604shima
- ベストアンサー率0% (0/0)
target属性を「_top」と仮定してお答えします。 skitter.jsの89行目の辺りにある '<a href=""><img class="image_main" /></a>'の部分にtarget属性を足します。 '<a href="" target="_top"><img class="image_main" /></a>' さらに2280行目辺りにある var img_clone = $('<a href="'+this.settings.link_atual+'">(以下省略) の部分に更にtarget属性を足します。 var img_clone = $('<a href="'+this.settings.link_atual+'" target="_top"> skitterを実装するリンクにもtarget属性を追加してください。 これで如何でしょうか?こちらは3枚の画像にリンクを指定していましたが、うまくいきました。
お礼
いやーほんと助かりました!うまくいきました。 どうもありがとうございます。 私としては、当初target属性をどこかに挿入する、 まではわかるのですが (たぶん誰でもそこまではわかると思いますが・・) どこに入れたらいいのかがさっぱりわかりませんでした。 すごいですねーー、尊敬します。 ご回答に厚く感謝しております。