单击“下一步”按钮将一个图像替换为另一个图像

时间:2011-12-08 20:22:52

标签: image-gallery

这是我的网站: http://mollymasonjohnson.com/project_3/newstyles.html

当您点击“平面设计”玩偶时,它会转到“图形设计”页面。在此页面上有缩略图,点击时会显示我的项目图像。其中一些项目涉及多个图像,因此我需要能够单击“下一个”按钮(在本例中为右下角的蓝色小箭头),从项目的一个图像转到下一个图像。

我尝试制作一个数组(从某个项目中的一个图像切换到该项目中的下一个图像),但它对我不起作用。我做错了什么?

1 个答案:

答案 0 :(得分:0)

首先使用百分比而不是幻灯片的固定值。即使用100%而不是-1490px因为我在大屏幕上看它并且在滑动后仍然可以看到玩偶。

好的问题是没有你选择的id的元素。你gedlementbyid在gd-project上,但这是类,元素有id gd-project-1,gd-project-2,gd-project-3等。此外,这是div的id而不是实际的图像所以它没有src属性。

尝试类似的东西(因为你有jquery)

$(".gd-project img").attr("src",blindsimage[counter].src);

希望这有帮助!