Código HTML:
<div id="da-slider" class="da-slider"> <div class="da-slide"> <h2>Some title</h2> <p>Some text</p> <a href="#" class="da-link">Some link</a> <div class="da-img"> <ul class="rslides"> <li><img src="img/img01.jpg" alt="image01" /></li> <li><img src="img/img02.jpg" alt="image02" /></li> <li><img src="img/img03.jpg" alt="image03" /></li> </ul> </div> </div> <nav class="da-arrows"> <span class="da-arrows-prev"></span> <span class="da-arrows-next"></span> </nav> </div>
Código HTML:
<div class="da-img"> <ul class="rslides rslides1"> <li id="rslides1_s0" class="rslides1_on" style="display: block; float: left; position: relative;"> <img alt="image01" src="img/img01.jpg"> </li> <li id="rslides1_s1" style="display: none;"> <img alt="image02" src="img/img02.jpg"> </li> <li id="rslides1_s2" style="display: none;"> <img alt="image03" src="img/img03.jpg"> </li> </ul> <ul class="rslides_tabs rslides1_tabs"> <li class="rslides_here"> <a class="rslides1_s1" href="#">1</a> </li> <li> <a class="rslides1_s2" href="#">2</a> </li> <li> <a class="rslides1_s3" href="#">3</a> </li> </ul> </div>
Código:
Pero lo que hace es mostrar los sets de bullets de todos los slides, no sólo el que está activo. ¿Me podrían ayudar con la sintaxis para lograr lo que necesito? Quizá no es la mejor manera para hacer esto, si alguien tiene una mejor sugerencia les agradecería la ayuda. $('.rslides').each(function(i,el) { var n = i+1; $('.da-slider').append($(".rslides"+n+"_tabs")); });