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');

}});

用户可以点击几个拇指。主图在点击其Thumb后加载相应的图片。但是，（用于灯箱）永远不会更改以适应新加载的图片，并且灯箱始终使用相同的图像而不是用户单击的图像。谢谢！

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 回答