Javascript/jQuery更改<；img src=”等&引用&燃气轮机；带循环的onclick

我在jQuery中创建了一种幻灯片，每次单击next按钮，我都需要增加图像src。图像的文件名是1,2,3,4,5,6,7,8,9,10,11，所以我尝试使用for循环。但由于我不是javascript/jquery的大师，我想不出其他方法来解决我的问题并使它真正起作用

用我的代码，什么都不会发生

这就是我尝试过的：

$('#right_arrow').click(function()
{
    for (i = 1; i <= 11; i++)
    {
        $('#produkti').attr('src', 'style/images/produktet/' + i + '.gif');
    }
});

$（'#右箭头'）。单击（函数（）
{
对于（i=1；i而言，逻辑是-每次单击该按钮，索引都将返回到1。
for（i=1；i逻辑是-每次单击该按钮，索引将返回到1。
for（i=1；i这是一种通过“自动循环”实现的方法（当单击右箭头且当前图像为11号时，当前图像将为1号）

var电流=6；
$（“#右箭头”）。单击（函数（）
{
current=（current+1这是一种通过“自动循环”实现的方法（当单击右箭头时，当前图像是11号，当前图像将是1号）

var电流=6；
$（“#右箭头”）。单击（函数（）
{
current=（current+1您不能将一个id分配给相同的11个图像，它永远不会工作，jquery/javascript将始终选择具有指定id的第一个元素

您应该使用类并按索引选择图像元素

$('#right_arrow').click(function()
{
    for (i = 1; i <= 11; i++)
    {
        $('.produkti').get(i-1).attr('src', 'style/images/produktet/' + i + '.gif');
    }
});

$（'#右箭头'）。单击（函数（）
{
对于（i=1；i您不能将一个id分配给相同的11个图像，这将永远不起作用，jquery/javascript将始终选择具有指定id的第一个元素

您应该使用类并按索引选择图像元素

$('#right_arrow').click(function()
{
    for (i = 1; i <= 11; i++)
    {
        $('.produkti').get(i-1).attr('src', 'style/images/produktet/' + i + '.gif');
    }
});

$（'#右箭头'）。单击（函数（）
{
对于（i=1；i，这里有一个关于数据标签的想法

HTML:



JS:

$（“#右箭头”）。单击（函数（）{
var img=$（“生产量”）；
var slide=img.data（）.slide；
var max=img.data（）.max；
如果（幻灯片这里有一个关于数据标签的想法

HTML:



JS:

$（“#右箭头”）。单击（函数（）{
var img=$（“生产量”）；
var slide=img.data（）.slide；
var max=img.data（）.max；
如果（幻灯片您不能将一个id分配给相同的11个图像，这将永远无法工作，jquery/javascript将始终选择具有指定id的第一个元素。您应该使用类并按索引选择图像元素。删除
div
部分。也就是说，要查看change@Bondye你的解决方案奏效了！有没有办法告诉我如何做相反的事情？没有增加但减少，以及向其中添加jQuery转换的方法，可能是动画。@Dugi编辑成both@Dugi+一点动画，编辑你自己，因为我不知道你想如何制作动画。你不能给同样的11幅图像分配一个id，这永远不会起作用，jquery/javascript将始终选择第一个具有指定id的元素。你应该使用class并按索引选择图像元素。删除
div
部分。即查看change@Bondye你的解决方案成功了！有没有办法告诉我如何做与此相反的事情？不是增加而是减少，还有一种方法可以添加jQuery转换，可能是动画。@Dugi编辑成both@Dugi+一点动画，编辑你自己，因为我会我不知道你想如何制作动画。想评论你的代码吗？它如何回答问题？欢迎发表一些评论。这应该是一个评论，而不是一个答案。检查这个以及如何给出正确的答案。因为我不是英国人，我更喜欢在第一时间发布代码，然后用评论编辑我的答案（像现在一样）。通过这种方式，我会注意我的英语。是否愿意评论你的代码？它如何回答OP问题？欢迎提供一些评论。这应该是一个评论，而不是答案。请检查此项以及如何给出正确答案。因为我不是英语母语人士，我更喜欢在第一时间发布代码，并在与Common一起编辑我的答案（像现在一样）。这样我就注意了我的英语。相应地编辑了我的帖子。我看了之后才意识到：）相应地编辑了我的帖子。我看了之后才意识到：）
var current = 6;
$('#right_arrow').click(function()
{
    current = (current + 1 <= 11) ? (current + 1) : (1);
    $('#produkti').attr('src', 'style/images/produktet/' + current + '.gif');
});

$('#right_arrow').click(function()
{
    for (i = 1; i <= 11; i++)
    {
        $('.produkti').get(i-1).attr('src', 'style/images/produktet/' + i + '.gif');
    }
});

<img src="style/images/produktet/6.gif" alt="Produkti 6" class="produkti" />

<img src="style/images/produktet/1.gif" data-slide="1" data-max="9"/>

$("#right_arrow").click(function(){
    var img = $("#produkti");
    var slide = img.data().slide;
    var max = img.data().max;
    if(slide <= max){
        slide ++;
        img.attr('src', 'style/images/produktet/' + slide + '.gif');
        img.data().slide = slide;
    }
});