jQuery auto hrefを画像アドレスと同じに追加

Question

ライトボックス（prettyphoto）で開いている画像を含むdivがあります。 1つのjqueryコードを使用して、lightbox上で自動的にこれらの画像を開き、すべてのdiv要素にrel属性を与えました。 CSSを使用して、サムネイルの幅/高さを選択しました。

私は自分自身にリンクを自動的に追加するために、同様のコードが必要です。これは可能ですか？

サムネイルをアップロードしてフルサイズの画像をアップロードしなくても、バックオフィスで画像をアップロードするだけで済みます。ここで

は、HTMLです：

<div id="tab2" class="tab_content" style="text-align:center"> 
      <img src="images/img1_thumb.jpg" alt="image1"/> 
     </div> 

jqueryの：

$(document).ready(function(){ 

      $('div.tab_content a').attr('rel', 'prettybox[grandsuite]') 

      $("div.tab_content a").prettyPhoto({animation_speed:'normal',theme:'facebook',slideshow:false, autoplay_slideshow: false, social_tools:false, show_title:false, overlay_gallery:false}); 

     }); 

ありがとうございます！

Answer 1

わかりましたので、以下を行う必要があります。 ".JPG"

で "_thumb.jpg" を置き換える

• その "HREF"：アトリビュート
• をフェッチドム
• から各要素を取得
  ：そして最終的にはこのやろう、元の画像の場所

に設定し、「HREF」と周囲のエレメントを作成

// Wrap all <img> with an <a> tag and set the link target to the image's src 
$("div.tab_content img").wrap(function(){ 
    return '<a href="' + $(this).attr('src').replace('_thumb.jpg', '.jpg') + '"/>'; 
});