Ion.ImageSlider.js query twice in 2 page slider

Ion.ImageSlider.js query twice in 2 page slider

Hello all

i am new to this Jquery, i downloaded the Image slider (lightbox) "ion.imageSlider.js" having hard time running thsis query in my 5 page content slider.

here is the Code. please help. thanks


<li id="slide1">
                           
                                <div id="address">
                                <img src="images/address.png" width="300" height="119" alt="address">
                                </div>
                               
                                <div id="shop">
                                <img src="images/shop.jpg" width="300" height="225" alt="Shop">
                                </div>

                    <div id="kitchen2">
                        <div class="demo demo_block">

                            <div class="ion-image-slider" id="mySlider">
                                <a href="static/img/previews/1.jpg"><img src="static/img/previews/1.jpg"/></a>
                                <a href="static/img/previews/2.jpg"><img src="static/img/previews/2.jpg"/></a>
                                <a href="static/img/previews/3.jpg"><img src="static/img/previews/3.jpg"/></a>
                               <a href="static/img/previews/4.jpg"><img src="static/img/previews/4.jpg"/></a>
                               
                            </div>

                        </div>


<li id="slide2">
                           
                                <div id="address">
                                <img src="images/address.png" width="300" height="119" alt="address">
                                </div>
                               
                                <div id="shop">
                                <img src="images/shop.jpg" width="300" height="225" alt="Shop">
                                </div>

                    <div id="kitchen1">
                        <div class="demo demo_block">

                            <div class="ion-image-slider" id="mySlider">
                                <a href="static/img/previews/1.jpg"><img src="static/img/previews/5jpg"/></a>
                                <a href="static/img/previews/2.jpg"><img src="static/img/previews/6.jpg"/></a>
                                <a href="static/img/previews/3.jpg"><img src="static/img/previews/7.jpg"/></a>
                               
                            </div>

                        </div>

ion.imageSlider.js--------

$(function(){
    $("#mySlider").ionImageSlider({
        slideShowDelay: 5
    });
   
    $(".skins span").on("click", function(){
        $(this).addClass("on").siblings().removeClass("on");
        var css = "static/css/" + $(this).data("skin") + "?" + Math.round(Math.random() * 10000000);
        $("#skinCss").attr("href", css);
    });
});