Search the Community
Showing results for tags 'слайдер img'.
Found 1 result
-
Здравствуйте! Есть слайдер Код слайдера html <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Ваш сайт</title> <script type="text/javascript" src="js/gallery.js"></script> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="gallery-display.css"> </head><body style="background-color: burlywood;"><div class="box big"> <div id="slider" class="image3"> <!-- La banderolle qui contiens toute les images --> <div id="mask"> <ul id="image_container"> <li><img src="img/1.jpg"></li> <li><img src="img/2.jpg"></li> <li><img src="img/5.jpg"></li> <li><img src="img/4.jpg"></li> </ul> </div> <img src="img/prev-slide.png" id="fleche_gauche" class="fleche" onclick="prevImage()"> <img src="img/next-slide.png" id="fleche_droite" class="fleche" onclick="nextImage()"> </div> </div></body></html> Вот js var map_main;var secDuration = 200;var image = 1;var maxImages = 4;var timeout;//jQuery(document).ready(function(){ function changeImage(requiredImage) { if (!requiredImage && requiredImage != 0){ if(image < maxImages){ image++; } else{ image = 1; } } else{ if(requiredImage > maxImages){ image = 1; } else if(requiredImage < 1){ image = maxImages; } else{ image = requiredImage; } } slider.className = "image"+image; clearTimeout(timeout); timeout = setTimeout("changeImage()",secDuration*1000); } function nextImage(){ changeImage(image+1); } function prevImage(){ changeImage(image-1); } changeImage(1);//});Слайдер работает как я понял так, в начале скрипта указано макс.количество изображений в слайдере, если там изображения нету, то показывает пустой фон(но листает как фото). Подскажите пожалуйста, что нужно добавить в код, чтобы например, допустимых 10 фото, а загружено только 3, то пусть он отображает только 3, а не листает все 10 пунктов. спасибо!
