1

私の CMS のライトボックス スタイルのフォト ギャラリーは、次のようなコードを出力します。2 つのサムネイルのコードを提供しました。

"m" と "s" のパラメーター値は、常に "150" と "true" になります。これを m=250 および s=false に変更したいと思います。

JavaScript と jQuery は初めてです。提案がある場合は、ページのどこにコードを配置するか教えてください。ありがとうございました。

<div class="thumbTight MainContent">
    <div class="thumbContents">
        <a href="/PhotoGallery/banana.jpg" rel="lightbox[2065379]" title="Banana">
            <img src="/ResizeImage.aspx?img=/PhotoGallery/banana.jpg&amp;m=150&amp;s=true" alt="Banana" />
        </a>
        <div class="description" style="display: none;"></div>
    </div>
</div>

<div class="thumbTight">
    <div class="thumbContents">
        <a href="/PhotoGallery/cantaloupe.jpg" rel="lightbox[2065379]" title="Cantaloupe">
            <img src="/ResizeImage.aspx?img=/PhotoGallery/cantaloupe.jpg&amp;m=150&amp;s=true" alt="Cantaloupe" />
        </a>
        <div class="description" style="display: none;"></div>
    </div>
</div>
4

2 に答える 2

0

ドキュメント対応ハンドラーで、eachを使用してサムネイル (thumbContentsクラスを含む div 内の画像) を反復処理し、必要な置換を使用してsrc属性を元の属性に割り当てます。src

$(function() {
    $('.thumbContents img').each( function() {
        var $img = $(this);
        $img.attr('src', $img.attr('src').replace(/m=150/,'m=250').replace(/s=true/,'s=false') );
    });
});
于 2011-08-01T22:11:23.217 に答える
0

ページが読み込まれた後、この jQuery を実行できます。画像は別の URL で読み込みを開始し、コードが実行されて画像の URL が変更され、新しい URL が読み込まれて表示されます。実際にCSSを使用して、画像が最初は非表示で、目的のURLを設定した後にのみ表示されるようにしない限り、クライアント側で初期表示を防ぐためにできることは何もありません.

$(".thumbTight img").each(function() {
    this.src = this.src.replace(/m=150/, "m=250").replace(/s=true/, "s=false");
});

ここでデモを見ることができます: http://jsfiddle.net/jfriend00/UdnFE/。

于 2011-08-01T22:12:52.620 に答える