0

「echo ucwords($row2[mainImage1]);」を置き換えるにはどうすればよいですか 以下のタグの href 属性に「echo $row2[selectionThumb3];」Javascriptを使用して以下のタグのsrc属性から？

私のコードは次のようになります。

    <img class="thumbNotSelected" src="../images/ThumbSelection/<?php echo $row2[selectionThumb3]; ?>.jpg"  />

<div class="mainImage magnify">
     <a href="../images/MainImage/<?php echo ucwords($row2[mainImage1]); ?>.jpg" rel="lightbox" title="<?=$row2[name]?>">
           <img class="mainImage small" src="../images/MainImage/<?php echo $row2[mainImage1]; ?>.jpg" /></a>
</div>

現在の Javascript を追加する:

$('#thumbs').delegate('img', {
click: function(){
$('.mainImage').attr('src',$(this).attr('src').replace('ThumbSelection','MainImage').replace('selectionThumb','mainImage')); //here I replace the src of the Main Image to match the selected thumbnail.
var $this = $(this),
  index = $this.index();
$("#thumbs img").removeClass('thumbSelected');
 $this.addClass('thumbSelected');

}});

ユーザーがクリックできるサムがいくつかあります。メイン画像は、サムをクリックした後、対応する画像を読み込みます。ただし、(ライトボックスに使用される) は、新しく読み込まれた画像に適応するために変更されることはなく、ライトボックスは、ユーザーがクリックした画像ではなく、常に同じ画像を使用します。ありがとう！

4

2 に答える 2

2

$('.mainImage a').attr('href', $('.thumbNotSelected').attr('src'));

あなたが必要とすることをすべきです。

于 2013-06-21T14:48:56.900 に答える
1

以下の js を使用すると、リンクの href を、読み込まれた画像とまったく同じパスに動的に変更できます。それが機能するかどうか教えてください

 $('#thumbs').delegate('img', {
    click: function(){
        $('.mainImage').attr('src',$(this).attr('src').replace('ThumbSelection','MainImage').replace('selectionThumb','mainImage'));
        $('.mainImage a').attr('href',$(this).attr('src').replace('ThumbSelection','MainImage').replace('selectionThumb','mainImage'));
        var $this = $(this),
        index = $this.index();
        $("#thumbs img").removeClass('thumbSelected');
        $this.addClass('thumbSelected');

    }});
于 2013-06-21T15:37:58.837 に答える