如何使用 JavaScript 在点击时更改图像？

发布于 2024-09-10 08:26:47 字数 355 浏览 8 评论 0原文

我在此处创建了一个滑动图像查看器。正如您所看到的，有 4 个可点击的小图像来更改/滑动图像。我希望将小图像更改为此图像 alt text http:// beta.d-load.org/images/etc/imagev-on.png 当它被点击时，或者当适当的主图像显示时。这样用户就可以知道正在显示哪个主图像。任何人都可以查看源代码并解释如何执行此操作吗？谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

避讳 2024-09-17 08:26:47

尝试以下代码！

var src = [];
    src['normal'] = "http://beta.d-load.org/images/etc/imagev-norm.png";
    src['active'] = "http://beta.d-load.org/images/etc/imagev-over.png";
$(document).ready(function() {
    $('a',$('.paging')).click(function() {
       $('a',$('.paging')).find('img').attr('src',src['normal']);  
       $(this).find('img').attr('src',src['active'])   ;
    });
});

给你，演示：http://jsfiddle.net/qTB9g/< /a>

try the following code !!

var src = [];
    src['normal'] = "http://beta.d-load.org/images/etc/imagev-norm.png";
    src['active'] = "http://beta.d-load.org/images/etc/imagev-over.png";
$(document).ready(function() {
    $('a',$('.paging')).click(function() {
       $('a',$('.paging')).find('img').attr('src',src['normal']);  
       $(this).find('img').attr('src',src['active'])   ;
    });
});

Here you go, Demo : http://jsfiddle.net/qTB9g/

回复收藏 0 原文

~没有更多了~