Javascript 棘手的JQuery更新图像href问题
好吧,我不知道这是否能做到,但凭借我们在stackoverflow上的伟大头脑,我相信有人能为我指明正确的方向 因此,我希望动态更新图像的href标记,这样当用户选择不同的产品选项(比如说不同的气味)时,图像链接会将用户带到该气味的较大图像文件 以下是迄今为止的代码:Javascript 棘手的JQuery更新图像href问题,javascript,jquery,html,image,Javascript,Jquery,Html,Image,好吧,我不知道这是否能做到,但凭借我们在stackoverflow上的伟大头脑,我相信有人能为我指明正确的方向 因此,我希望动态更新图像的href标记,这样当用户选择不同的产品选项(比如说不同的气味)时,图像链接会将用户带到该气味的较大图像文件 以下是迄今为止的代码: $("#main-image").attr("href", $('.more-views ul li a img[alt="' + $select.find('option:selected')[0].getAttribute('
$("#main-image").attr("href", $('.more-views ul li a img[alt="' + $select.find('option:selected')[0].getAttribute('product_id') + '"]').attr('src'));
这是最简单的部分。现在棘手的部分是减少代码得到的url
现在,它只获取图像的较小版本来填充扩展视图。
我需要它来获得更大的图像
这是较大图像的链接:
以下是较小图像的链接:
请注意,较小的图像的路径名中有370x。有什么方法可以把它当作一个字符串来过滤掉吗??!请记住,我需要使用上面的.attr代码
让javascript天才们来吧
提前谢谢 只需在.attr('src')
这一页的这一部分你的分数是多少?我之所以好奇,主要是因为
img
没有href
属性(不过它确实有src
属性)。我可能在这里不清楚。我的意思是吃塔格哇谢谢你!事实证明这比我原来想象的要容易得多。
$("#main-image").attr("href",
$('.more-views ul li a img[alt="'
+ $select.find('option:selected')[0].getAttribute('product_id')
+ '"]')
.attr('src')
.replace(/370x\//,'') );