我正在从头开始制作一个照片查看器，它运行良好，除了一些事情。
代码如下：
首先，我有了当前相册的ID，并打印属于照片的所有图像。然后，当用户点击照片时，发生了以下情况：
var loaded = [];
var albums = [];
var album_id = ALBUM ID
var cur_pic = 0;
var alb_name = '';
$('.photo').click(function(){
var cover_photo = $(this).attr('id').replace("911","");
albums[album_id] = [];
$('#photo_preview .pleft').html('<img src="'+cover_photo+'"/>');
$('#photo_preview').show();
$.ajax({
type: 'POST',
url: "photo_ajax.php",
dataType:'json',
data: 'action=get_info' + $('#aid').val().replace("aid",""),
success: function(data){
loaded[album_id] = true;
albums[album_id] = data;
$('#photo_preview .pleft').html('<img src="'+albums[album_id][0]['ImagePath']+'"/>'); // The first photo you click on, will be the first photo to see :)
$('#photo_preview').show();
}
})
// }
});
// Loading images and make them visible in the popup...
function loadNextImage(album_id, step){
function loadNextImage(album_id, step){
var next_pic = 0;
if(step == 0){
next_pic = 0;
}else if(step == 'next'){
next_pic = parseInt(cur_pic, 10)+1;
cur_pic = next_pic;
if(next_pic >= albums[album_id].length){
next_pic = 0;
}
}else{
next_pic = parseInt(cur_pic, 10)-1;
if(next_pic < 0){
next_pic = albums[album_id].length - 1;
}
}
cur_pic = next_pic;
$('#photo_preview .pleft').html('<img src="'+albums[album_id][next_pic]['ImagePath']+'"/>');
}
// Loading the next image in the JSON array...:
$(".preview_next").click(function(){
loadNextImage(album_id, 'next');
});
// Loading the previous image in the JSON array...:
$(".preview_prev").click(function(){
loadNextImage(album_id, 'prev');
});
在photo_ajax.php中：
$i = 0; $album = array();
foreach( $aImageInfo as $row ){
$album[$i] = array();
$album[$i]['ImageID'] = $row['ImageID'];
$album[$i]['ImagePath'] = $row['ImagePath'];
$album[$i]['ImageDate'] = $row['ImageDate'];
$album[$i]['ImageDescription'] = $row['ImageDescription'];
$i++;
}
echo json_encode($album);
这是有效的，但我现在的问题是：
var cur_pic=0；设置为0，意味着它将开始显示json数组中的第一张照片。我需要修复它，这样我就可以在阵列中找到我刚刚点击的照片的女巫编号，这样它就可以开始从那个位置查看和计数。
这现在只能在相册中工作。假设我在另一页上看到一张照片。如何解决这个问题，当我点击它时，照片是可见的，我可以获得整个json数组，并浏览与我点击的照片属于同一相册的所有图像。
直白的例子。比如Facebook或Twitter。你墙上有一张照片。点击它，你可以浏览整个相册。
如何解决？
今天早上我有点困惑，但现在答案很清楚了。首先需要做的是将图像ID发送到打开图像查看器的jquery函数中。然后，当我从AJAX调用中得到结果时，我简单地执行以下操作：
for(var i = 0; i < albums[album_id].length; i++) {
if(albums[album_id][i]['ImageID'] == imgId){
var newStep = i;
}
}
然后我将在json数组中获得正确的位置。然后我可以跟进这件事，并获得正确的照片，可以用这个代码查看：
albums[album_id][newStep]['ImagePath']
如果我想在相册之外的单个页面上查看照片时获得相同的结果。解决方案现在应该很清楚了。我把相册的ID和照片的ID都寄了进来。然后我以同样的方式使用AJAX并获得JSON数组。
并让用户看到照片。用户现在可以在相册中导航，而不会看到其他图像，因为它们在阵列中。
额外升。为了获得这样的导航信息：110的照片20，我做了这个：
$('#PhotoViewerBottomBarContent').html(parseInt(cur_pic+1)+' of '+albums[album_id].length);
我必须有+1，因为数组总是以0开头。
所以解决方案很简单：）