Php 使用Javascript将href文本替换为其他内容
如何使用Javascript将下面标记的href属性中的“echo ucwords($row2[mainImage1]);”替换为下面标记的src属性中的“echo$row2[selectionThumb3];” 下面是我的代码的外观:Php 使用Javascript将href文本替换为其他内容,php,javascript,href,Php,Javascript,Href,如何使用Javascript将下面标记的href属性中的“echo ucwords($row2[mainImage1]);”替换为下面标记的src属性中的“echo$row2[selectionThumb3];” 下面是我的代码的外观: <img class="thumbNotSelected" src="../images/ThumbSelection/<?php echo $row2[selectionThumb3]; ?>.jpg" /> <div
<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>
用户可以单击几个拇指。单击主图像的拇指后,主图像将加载相应的图片。但是,(用于灯箱的)永远不会更改以适应新加载的图片,并且灯箱始终使用相同的图像,而不是用户单击的图像。
谢谢 $('.mainImage a').attr('href',$('.thumbNotSelected').attr('src'))代码>
应该做您需要的事情。$('.mainImage a').attr('href',$('thumbNotSelected').attr('src')代码>
应该做你需要做的。使用下面的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');
}});
使用下面的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');
}});
如果您使用的是JavaScript,请显示页面的渲染标记(“在浏览器中查看源代码”),然后澄清您要求我们帮助的内容。抱歉,只是意识到不清楚。我添加了JS和其他信息。谢谢如果您使用的是JavaScript,请显示页面的渲染标记(“在浏览器中查看源代码”),然后澄清您要求我们帮助的内容。抱歉,只是意识到不清楚。我添加了JS和其他信息。谢谢