1

私が管理しているいくつかの Web サイトがあり、サムネイル画像 (ライトボックスまたはファンシーボックスを含む可能性があります) の場合、行は実質的に次のようになります。

<a href="http://www.site.com/images/this-would-be-the-picture-we-want-x-full-size.jpg"><img src="http://www.site.com/images/this-would-be-the-picture-we-want-x-full-size.jpg"" width=200></a>

絶対パスを削除したり（ページを再投稿する人が多すぎる）、ファイル名を短くしたりする余裕はありませんが（写真がたくさんあります）、CSSまたはJQUERYを使用してクリックしたときにフルサイズを呼び出す方法はありますか？フルパスを 2 回 (A HREF で 1 回、IMG SRC で 1 回) リストします。

ありがとう！

4

2 に答える 2

1

これはjQueryで簡単に実行できます-たとえば...

$('img').click(function(){

    window.location.href = $(this).attr('src');

});

ただし、これは単にリンクの動作を模倣したものです。ライトボックス コードがどのように機能するかを確認する必要があります。<a>リンクをトリガーとして使用し、上記を使用してバイパスされる可能性があります。

逆に（リンクのみを保持して）やりたい場合は、ページが読み込まれたときにこのようなことをするでしょう。

$(document).ready(function() {

    $('a').each(function(){

        $(this).append('<img src="'+$(this).attr('href')+'" width="200">');

    });

});

ただし、これは<a>ページ上のすべてのリンクに対応するため、クラスを使用してこの動作をトリガーすることをお勧めします。

于 2013-06-21T22:02:16.233 に答える
0

それが今どのように機能するかを理解し、srcとhrefが常に等しい場合、

$("img").click(function() {
    window.location.href = this.src;
)};
于 2013-06-21T22:02:51.563 に答える