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

这里是我的网站： http://mollymasonjohnson.com/project_3/newstyles.html 替换为另一个图像通过单击“下一步”按钮

当你点击“平面设计”娃娃，它把你的图形设计页面。在这个页面上有缩略图，点击时会显示我的项目的图像。其中一些项目涉及多个图像，因此我需要能够点击一个“下一个”按钮（在这种情况下，右下角的蓝色小箭头）才能从项目的一个图像转到另一个图像。

我试图使一个阵列（从一个图像中的某个项目内的项目中切换到下一个图像），但它并没有为我工作。我究竟做错了什么？

2011-12-08 Molly Johnson

首先使用百分比，而不是用于滑动的固定值。即因为我正在一个大屏幕上看它，并且仍然可以在幻灯片后看到娃娃，所以请使用100％而不是-1490px。

确定的问题是，有一个与您选择的ID没有元素。您的getElementById对GD-项目，但认为是类和元素有ID的GD-项目-1，GD-项目-2，GD-项目-3等。而且那是div的ID而不是实际的图像，它没有src属性。

尝试像（因为你有jQuery的）

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

希望这有助于！

来源

2011-12-08 20:30:36 hackartist

太棒了！谢谢你回来这么快。当我替换document.getElementById（“gd-project”）。src = blindsimage [counter] .src;用$（“.gd-project img”）。attr（“src”，blindsimage [counter] .src）;但是，它没有工作。那是因为“.gd-project img”没有定义？ –

嗯，也许这是因为有很多事情与之相匹配......如果你知道你想改变的那个ID号码，你可以用它来代替它。即用id（gd-project-1 img））。attr（“src”，blindsimage [counter] .src）来更改ID为gd-project-1的人的图像。更简单的事情可能是给img本身一个唯一的ID ...还提醒blindsimage [counter] .src以确保它是您想要的实际图像src。 – hackartist

哦，等等我只注意到它引发错误是“没有定义更新”，这意味着该更新不从的onclick来看待...尝试把一个点击（）处理程序，以从内部调用更新的document.ready函数，这应该解决它。做$（'＃gd-R-arrow'）。click（function（）{update（）}）;完成后定义更新。 – hackartist

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

回答

相关问题