作成していたjqueryイメージカルーセルが機能しています。ほぼ完成しています(増加ボタンだけが機能します):http://jsfiddle.net/2C8fy/7/
私が直面している唯一の問題は、画像が追加されてもフェードインしないことです。表示されるだけです。不透明度が0の右側に別のスロットを追加し、それをアニメーション化してフェードインしようとしましたが、それも機能しなかったようです。その右のスロット画像をアニメーション化して、フェードインしているように見せることはできますか?これが私が今持っているものです:
$('#basic_div').animate({ //slides the div with the images in it to the left.
left: '-=40px'
}, 300, function() {
});
left.animate({ //fade out effect for the left most image
opacity: 0
}, 300, function() {
left.remove(); //gets rid of left most image after it becomes invisible.
$('#basic_div').css({
left: '0px' //resets the div that contains the images
});
});
middle.attr('id', 'left_slot'); //changes ids
right.attr('id', 'middle_slot');
$("#basic_div").append(newImgSL);
newImgSL.attr('id', 'right_slot');
newImgSL.animate({
opacity: 100 //I thought this would make it fade in, but it still just appears.
}, 300);