こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

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

投稿日時 - 2012-04-16 16:17:05

QNo.7424311

困ってます

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

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

投稿日時 - 2012-04-19 17:15:17

お礼

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

投稿日時 - 2012-04-24 16:34:02

あなたにオススメの質問