我创建了这个脚本,它采用全尺寸图像并从中制作缩略图。问题是,如果我链接图像它会破坏脚本。我尝试过的一切都失败了。您可以查看这个 jsfiddle并注意第一个缩略图有效,但第二个无效(因为它是链接的)。任何帮助解决这个问题将不胜感激。
为了澄清,所有缩略图都将被链接,所以我不需要脚本来处理示例中的第一个缩略图。我需要它来处理第二个(链接的)缩略图。
我创建了这个脚本,它采用全尺寸图像并从中制作缩略图。问题是,如果我链接图像它会破坏脚本。我尝试过的一切都失败了。您可以查看这个 jsfiddle并注意第一个缩略图有效,但第二个无效(因为它是链接的)。任何帮助解决这个问题将不胜感激。
为了澄清,所有缩略图都将被链接,所以我不需要脚本来处理示例中的第一个缩略图。我需要它来处理第二个(链接的)缩略图。
在您的代码末尾尝试调用
FitImages( $('.titled-thumb img') )
FitImages($('.titled-thumb > img'))
由于您在链接图像时使用直接后代选择器编写>
,因此您放置了一个中间元素,以便选择器不再工作。
如果我从小提琴中删除该选择器,我会看到图像(您的小提琴已更新)
更新:出于同样的原因也改变
parent = img.parent(),
和
parent = img.closest('div'),