一般来说，我对 jquery 和编码还很陌生。我正在尝试从 http://www.designchemical.com/blog/index.php/jquery/jquery-image-swap-gallery/ 实现 jquery 幻灯片.我通过单击而不是悬停使其工作。我希望 div 的背景(背景重复 x 和 y)以与缩略图控制主图像相同的方式改变。
它适用于给定的图像: $('#bgs').css('背景图片','url(gallery/bgs/img_3.jpg)'); 但我希望它通过以与主图像相同的方式动态获取正确的文件名来工作。我只是不知道要更改什么。
代码如下: http://pastebin.com/hvVYQyru
我希望我已经说清楚了:)。我真的希望你们能让我走上正轨。
问候 马丁·沙克
最佳答案
试试这个:
$('#bgs').css('background-image','url(' + $(this).attr('src').replace('thumb/', 'bgs/') + ')');
更新
要使用动画达到相同的效果，需要做更多的工作。由于这不是您原来问题的一部分，我给您留下了一个很好的链接供您检查:
http://snook.ca/archives/javascript/jquery-bg-image-animations/
关于jquery - 动态获取文件名，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18385902/