Количество изображений в слайдере

FitTech · March 19, 2015

Здравствуйте! Есть слайдер

Код слайдера 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 пунктов.
спасибо!

Sign In

Количество изображений в слайдере

Question

FitTech

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information