jQuery缩略图脚本编辑

时间:2012-06-04 16:02:12

标签: javascript jquery thumbnails

我创建了这个脚本,它采用了一个完整大小的图像并从中制作了一个缩略图。问题是,如果我链接图像,它会破坏脚本。我尝试过的一切都失败了。您可以 check out this jsfiddle 并注意第一个缩略图有效但第二个缩略图无效(因为它已链接)。任何有助于理顺这一点的帮助将不胜感激。

为了澄清,所有缩略图都将被链接,因此我不需要脚本来处理示例中的第一个缩略图。我需要它来处理第二个(链接的)缩略图。

http://jsfiddle.net/uSSmy/

1 个答案:

答案 0 :(得分:1)

代码末尾的

只是尝试调用

 FitImages( $('.titled-thumb img') )

如果您在链接图像时使用FitImages($('.titled-thumb > img'))直接后代选择器编写了>,那么您将放置一个中间元素,以便选择器不再起作用。

如果我从小提琴中移除该选择器,我会看到图像(your fiddle updated

更新:出于同样的原因也改变了

parent = img.parent(),

parent = img.closest('div'),