几个小时以来,我尝试构建自己的幻灯片来玩一些 javascript。
我有一个对象 $pic,其中包含我网站的所有图像。到目前为止没问题。我的图像在我的网站上显示为拇指。
现在,当我单击 .rightslide 按钮时,由于 slidenavi() 函数,脚本会获取当前图像的下一个和上一个图像。这也有效。但它不会深度复制 slidenavi() 函数返回的对象,因此应该复制的图像被带走......所以根本没有复制!
我能做些什么?
function slidenavi(image_src){
$nextpic_index="";
$prevpic_index="";
$nextpic="";
$prevpic="";
$pics.each(function (index) {
if (this.src== image_src){
$nextpic_index=index+1;
$prevpic_index=index-1;
}
})
nextpic=$pics.eq($nextpic_index);
prevpic=$pics.eq($prevpic_index);
img = {
prev:prevpic,
next:nextpic
};
return img
}
$('.rightslide').click(function(){
var slidenaviobject=slidenavi($(this).parent().siblings('img').attr('src'));
var copyimage = jQuery.extend(true, {}, slidenaviobject);
console.log(copyimage.next);
$('.slideshow-wrapper').append(copyimage.next);
})