• 締切済み

インラインフレーム内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は初心者です。 ご存知の方、ぜひ対処方法をご教授ください。 よろしくお願いいたします。

みんなの回答

回答No.1

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枚の画像にリンクを指定していましたが、うまくいきました。

zoheisa
質問者

お礼

いやーほんと助かりました!うまくいきました。 どうもありがとうございます。 私としては、当初target属性をどこかに挿入する、 まではわかるのですが (たぶん誰でもそこまではわかると思いますが・・) どこに入れたらいいのかがさっぱりわかりませんでした。 すごいですねーー、尊敬します。 ご回答に厚く感謝しております。