我正在创建一个包含许多产品的网站,每个产品最多可包含10个图像。
我需要做的是:
1:图像#1 - 加载(大)
2:创建每个上传图像的缩略图
3:将缩略图放在大图像下
4:当用户点击缩略图时,它将用选定的图像替换大图像
答案 0 :(得分:2)
要在没有页面刷新的情况下动态更改图像,需要一些javascript。我建议使用jQuery因为它是准标准版,随附Drupal 6并且非常易于使用。
在每个缩略图上,您将添加onClick,甚至会更新大图像的src属性。浏览器将负责为您提供新的大图像。
以下基于jQuery的函数将更新id为“large”的img标记,以使用newPath替换其当前的src值:
function updateLarge( newPath ) {
$("#large").attr("src", newPath);
}
此外,如果您要创建电子商务网站,则应考虑使用Ubercart之类的内容。根据FlorianH的解决方案,您可以使用CCK向Ubercart产品添加字段,但您也可以免费获得购物车和结账等内容。
答案 1 :(得分:0)