Question

我对jquery和编码很新。我正在尝试从http://www.designchemical.com/blog/index.php/jquery/jquery-image-swap-gallery/实现jquery幻灯片。我通过点击而不是悬停使其工作。我希望div的背景（背景重复x和y）以与缩略图控制主图像相同的方式改变。

对于给定的图像，它可以正常工作： $（ '＃BGS'）的CSS（ '背景图片'， 'URL（图库/ BGS / img_3.jpg）'）; 但我想通过动态获取正确的文件名，以与主图像相同的方式工作。我只是不知道该改变什么。

我希望自己明白了:)。我真的希望你们能让我走上正轨。

此致马丁沙克

Answer 1

假设您的bgs图像结构与主图像和缩略图相同，请更改此行：

$('#bgs').css('background-image','url(gallery/bgs/img_3.jpg)');

要：

$('#bgs').css('background-image', 'url(' + $(this).attr('src').replace('thumb/', 'bgs/') + ')');

Answer 2

试试这个：

$('#bgs').css('background-image','url(' + $(this).attr('src').replace('thumb/', 'bgs/') + ')');

<强>更新

要使用动画获得相同的结果，需要更多的工作。因为它不是你原来问题的一部分，所以我给你留下了一个很好的链接来检查：