I use Jquery JCaroullite, but when i slide the image, one of image is disappear, to solve this:
Change the code of javascript on the web page from
$(document).ready(function() {
$(".jCarouselLite").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
speed: 400,
vertical: false,
circular: true,
easing:'easeOutQuart',
visible: 4,
start: 0,
scroll: 1
});
});
To
$(document).ready(function() {
$(".jCarouselLite").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
speed: 400,
vertical: false,
circular: true,
easing:'easeOutQuart',
visible: ($("#carousel li img").length>1)?3:2,
start: 0,
scroll: 1
});
});
Change the code of javascript on the web page from
$(document).ready(function() {
$(".jCarouselLite").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
speed: 400,
vertical: false,
circular: true,
easing:'easeOutQuart',
visible: 4,
start: 0,
scroll: 1
});
});
To
$(document).ready(function() {
$(".jCarouselLite").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
speed: 400,
vertical: false,
circular: true,
easing:'easeOutQuart',
visible: ($("#carousel li img").length>1)?3:2,
start: 0,
scroll: 1
});
});