1

私はこれを使用していますhttp://spaceforaname.com/galleryview/

すべての画像にリンクを挿入する必要があるため、以下のようにリンクを追加しましたが、機能しません。画像をクリックしてどこかにジャンプできる方法はありますか?

<ul id="myGallery">
 <li><a href="#"><img src="http://www.spaceforaname.com/galleryview/img/photos/bp1.jpg" alt="Lone Tree Yellowstone" /></a>
 <li><a href="#"><img src="http://www.spaceforaname.com/galleryview/img/photos/bp1.jpg" alt="Lone Tree Yellowstone" /></a>
</ul>
4

2 に答える 2

1

Galleryview の .js を変更する必要があります。

  1. jquery.galleryview-3.0-dev.js の 22 行目の下に、次の行を挿入します。

    this.customlink = img.attr('customlink');
    this.haslink = img.attr('haslink');

  2. 次に、467 行の下に、次の行を挿入します。

    var address = "'" + gvImage.customlink + "'";
    var js = "window.location.assign(" + address + ");";
    if(gvImage.haslink=='true') {img.attr("onclick", js);}

  3. Galleryview をトリガーする HTML コードは次のようになります。

    <ul id="myGallery">
       <li><img haslink="true" customlink="somelink" src="images/1.jpg" alt="Lone Tree Yellowstone" />
       <li><img haslink="true" customlink="somelink" src="images/2.jpg" alt="Lone Tree Yellowstone" />
    </ul>

ギャラリーの画像をリンク扱いにしたい場合は「haslink=true」を設定してください。" customlink" 属性は、" " 属性と同じように使用されhrefます。ユーザーが画像がリンクであることを認識できるように、で囲んuldiv" " でスタイルすることもできます。cursor:hand;cursor:pointer;

お役に立てれば!

于 2013-05-15T14:25:41.343 に答える
0

これを試して:

$('img').click(function(){
window.location.href = "http://stackoverflow.com";
});
于 2013-05-15T09:06:11.470 に答える