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);
});
});