search

codrops / Elastislide

Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images
362 stars 111 forks source link

Change <li> data but the slide not redraw. #27

Open vmeng opened 10 years ago

vmeng commented 10 years ago

I change the <li> data. At begin, the <ul> is <ul id="carousel" class="elastislide-list"> <li><a href="#"><img src="images/small/1.jpg" alt="image01" /></a></li> <li><a href="#"><img src="images/small/2.jpg" alt="image02" /></a></li> <li><a href="#"><img src="images/small/3.jpg" alt="image03" /></a></li> <li><a href="#"><img src="images/small/4.jpg" alt="image04" /></a></li> </ul> when click some button, i change the <li> as bellow <ul id="carousel" class="elastislide-list"> <li><a href="#"><img src="images/small/1_big.jpg" alt="image01" /></a></li> <li><a href="#"><img src="images/small/2_big.jpg" alt="image02" /></a></li> <li><a href="#"><img src="images/small/3_smal.jpg" alt="image03" /></a></li> <li><a href="#"><img src="images/small/4_smal.jpg" alt="image04" /></a></li> </ul>

How should i do?