如何更改第一个元素的网址?

时间:2012-01-28 14:55:18

标签: javascript html css image dom

我希望能够更改url目录,例如<img>中的第一个<div>,或者不是第一个的任何图像。

我的理由是加载速度太慢。那是因为我使用CSS从较大的图像生成缩略图。我现在想要将这些缩略图图像重定向到带有小图像的缩略图文件夹,而不是必须单独重定向它们,这将是一个痛苦。

<img src="images/stories/Images_for_Web/baths_windowToTheSoul_WB4_p90.jpg">
<img src="images/stories/Thumbs/baths_windowToTheSoul_WB4_p90.jpg">

这是我正在处理的网站的链接:http://www.d1187169-1.cp.blacknight.com/whitebook1/

我让CSS自动调整大小并裁剪图像,不是第一个。我喜欢这个解决方案,因为它将在未来节省工作,所以如果这部分也可以工作,那将是辉煌的,不幸的是我只知道CSS,HTML,一个小Joomla并且只在javascript等开始,但我愿意尝试什么东西让这个工作!

任何想法或建议非常感谢。谢谢,保罗

2 个答案:

答案 0 :(得分:1)

如果您要使用jQuery,则可以执行以下操作:

$("#somediv img:first").attr("src", "images/new/location");

由于类似CSS的选择器,你只能看到一行代码。我强烈建议使用jQuery来完成这些任务。

答案 1 :(得分:0)

缩略图应该在服务器端使用php /生成。使用CSS调整大小并不是真正调整大小 - 仍然会加载完整的图像。

也许你应该看看jQuery - 它有像CSS选择器一样的选择器。