Buenos días,
Os escribo a ver si me podeis echar una manilla con el manejo de unos elementos en jquery, que me estoy liando un poco y necesito algo de ayuda.
Estoy usando una galería que va seleccionando imagenes contenidas en una lista, mostrando la que recibe la clase "active" en un momento dado:
Código HTML:
<li>....</li><li>....</li><li class="active"><img src="img/cuadrado_2.jpg"></li><li>....</li><li>....</li>
La clase active va pasando por cada elemento de la lista con controles externos y un temporizador también.
Ahora bien, tengo otra lista de la forma:
Código HTML:
<div id="show_description">
<div id="cuadrado_1">Texto descripción</div>
<div id="cuadrado_2">Texto descripción</div>
<div id="cuadrado_3">Texto descripción</div>
<div id="cuadrado_4">Texto descripción</div>
</div>
¿Qué quiero conseguir? Pues que cuando un elemento de la lista reciba la clase "active", en el div "show_description" se muestre el texto de descripción de la imagen correspondiente, cuyo id corresponde al nombre de la imagen -sin el .jpg-.
¿Alguien me puede echar una manilla? Mil gracias!!!
Saludos!