数据库阵列中的简单Javascript幻灯片

时间:2012-04-28 15:11:24

标签: javascript jquery ajax

我必须使用存储在数据库中的图像路径创建幻灯片,并使用PHP创建数组,并使用JQuery ajax函数调用它。我可以成功调用数组,但是我无法使Javascript幻灯片显示工作。这是我的剧本:

window.onload = slideshow(0);

var i;

function slideshow(dir) {

var d = dir;
i =+ d;

$.ajax({
    url: "comiccheck.php",
    datatype: "json",
    success: function(data, textStatus, xhr) {
        data = JSON.parse(xhr.responseText);
        if(i < 0) {
            i = data.length - 1;
        }
        var comic = data[i];
        $('#comic').replaceWith("<img id='comic' src='" + comic + "' alt='comic' />");  
    }
});
}

当用户点击箭头按钮时,HTML中会调用函数幻灯片(dir),返回1或-1,具体取决于方向。现在按钮只会在每个方向上前进一次图像,但不会再进一步​​。如果您对此问题有任何问题或意见,请告诉我们,谢谢。

2 个答案:

答案 0 :(得分:4)

i =+ d是否有意?不应该是i += d

答案 1 :(得分:-2)

尝试在函数声明之后放置window.onload = slideshow(0);,在声明之前不能调用函数。