jquery困境,图像替换
jquery woes , image replacement
我目前正在创建一个项目,在该项目中,用户可以点击图像的缩略图,点击缩略图,替换主图像的src,以显示更大版本的缩略图。
$('.alternative_images a').click(function(e){
var imgSrc = $(this).attr('href');
$('.mainImage').attr('src', imgSrc);
$('#image').attr('href', imgSrc);
$('#image').attr('rel', $(this).attr('title'));
e.preventDefault();
});
这很好,我也实现了jqZoom,但是,通过在页面上悬停较大的图像,查看缩放后的图像,总是显示相同的图像,无论您是否更改了图像,通过点击缩略图
有问题的页面是http://mensclothingroom.factoryagency.co.uk/product/ben-fogle-collection-expedition-sock/
您可能需要替换整个元素,而不仅仅是替换src
属性:
$('.mainImage').replaceWith('<img src="'+imgSrc+'" class="mainImage">');
相关文章:
- 用Javascript替换图像和图像标题/alt文本
- 用 jquery 替换图像和类
- 用于多次替换图像的 Jquery 按钮
- JavaScript/PHP 从数据库动态替换图像源
- 单击时切换和替换图像
- 重新加载/替换图像 jQuery 作为
- 中的列表项
- 快速替换图像 src 时 Firefox 中的内存使用情况
- 用不同的图像/按钮替换图像 - javascript
- 检测网址/链接,并用 img 标签替换图像,用 href 替换链接
- 使用Kinetic.js html5画布替换图像上的文本
- 用javascript替换图像上的src
- 用jquery替换图像文件名
- 用Aviary/Creave SDK图像编辑器替换图像
- 在CLick上替换图像SRC
- jquery按时间间隔替换图像
- 用jQuery替换图像
- 在点击时用视频替换图像
- 在使用图像的地方替换图像- Javascript
- 在表格单元格内替换图像不起作用
- 一个错误事件添加一个新类并计算它替换图像源的次数