简化了一长串点击功能

Question

我在我的网站上使用了图片滑块：http://arirang.hr/cocohouse/accommodation/CHfood_en.html。它适用于我。

当访问者点击滑块下方的缩略图时，它会跳转到特定图像。通过为每个缩略图设置点击功能来完成。仅开始使用少量缩略图。现在有很多。在那里结束了一长串点击功能。

猜猜一个正确的方法应该是某种循环。当访问者单击任何缩略图以启动循环时，查找单击哪个缩略图并使用单击的数字调用循环。

Answer 1

更改所有图片以使用类而不是ID：

<input type="image" class="goTo" src="../images/cocohouse/accommodation/thumbnails/tn_CHfood_29.png" width="80" height="60"> 

然后，执行此操作：

$('.goTo').click(function( event ) { 
    event.preventDefault(); // you dont need this line for your code, see comment below for explanation  
    var cur = $('.goTo').index( $(this) );
    $('#acc_sl').cycle(cur); 
});

Answer 2

首先，你应该对你迄今为止所做的事情做出某种努力。这不是您可以订购解决方案的网站。

要解决您的问题，您应该有一个函数将图像名称或某种标识符作为参数。这样你只能为每张照片使用一个功能。