Question

我有图像缩略图，点击它们时，会调用此函数：

function displayMain(img, image_number)
            {
                    $("#slider-items").html('');
                    for(v = 1; v < 4; v++)
                    {
                            var j = image_number + v;
                            if(j > 3)
                            {
                                    j = j - 3;
                            }
                            $("#slider-items").append("<li><img src='/mypath/images/poi-" + img + "-" + j + "--4.jpg' width=1180 height=700 /></li>");
                    }
                    $('#slider').show();
            }

这很有效。现在我有两个导航按钮，一个用于向后/向前，一个用于向前/向下。每个的html类都是prev_arrow和next_arrow。我有一个onclick，如此：

<div class="prev_arrow" onclick="seePreviousImage()"></div>
<div class="next_arrow" onclick="seeNextImage()"></div>

我做了一个提醒，以确保onclick正在运行，而且确实如此。每个缩略图属于一个地图标记，每个标记有3个缩略图。一个标记= 3个缩略图。可以单击每个缩略图以显示较大的图像。较大的图像具有上一个和下一个箭头。

我是JS的新手，过去几天使用流行的jQuery插件（基本的jQuery滑块，uslider等）正在努力设置滑块。

如果有人能指出我正确的方向，我将非常感激。

这是jsFiddle http://jsfiddle.net/jtqC4/10/

Javascript：在不使用jQuery插件的情况下循环显示3个图像

0 个答案: