<div class= "Slider_nav" >
<ul>
<li><a href= "#" ></a></li>
<li><a href= "#" ></li>
<li><a href= "#" ></a></li>
<li><a href= "#" ></a></li>
<li><a href= "#" ></a></li>
</ul>
</div>
<script>//Picture navigation toggle$ (function () {var pichref = [];$ (". Slider_nav ul Li"). each (function () {Pichref.push (this). FIND ("img"). attr ("src"));//Store picture original address });//alert (pichref[0]);$ (". Slider_nav ul li"). Click (function () {
//alert ($ (this). FIND ("img"). attr ("src"));
var src_2 = $ (this). FIND ("img"). attr ("src_2");//Get new image address after click
$ (this). FIND ("img"). attr ("src", src_2);//Add current new address picture
//Replace the original picture address with the sibling element
$ (this). Siblings (). each (function () {
var index = $ (this). index ();
//alert (index);
$ (this). FIND ("img"). attr ("src", Pichref[index]);
});
return false;
});
})</script>
jquery multiple images replace their own addresses for switching effects