agregar y remover clases con delay
Publicado por Martin (2 intervenciones) el 11/02/2015 01:33:19
Hola:
Necesito hacer una funcion JQuery que, a cada imagen le agregue una clase css y luego de un delay se la remueva y luego haga lo mismo con la siguiente imagen.
En mi pagina html tengo:
Y habia intentado hacer la siguiente funcion jQuery, que funciona pero lo hace con una sola imagen, nunca pasa a la siguiente, supongo que me falta un each() o algo por el estilo:
Espero su ayuda!
Necesito hacer una funcion JQuery que, a cada imagen le agregue una clase css y luego de un delay se la remueva y luego haga lo mismo con la siguiente imagen.
En mi pagina html tengo:
1
2
3
4
5
6
7
8
9
10
11
<h2>Seleccione una tematica</h2>
<div id="container">
<p:dataGrid value="#{backingTematicas.tematicas}" var="tematica" columns="4">
<h:form enctype="multipart/form-data">
<div id="img">
<a href="#"> <h:graphicImage class="no-selected" value="imagen/#{tematica.img_path}"/></a>
</div>
</h:form>
</p:dataGrid>
</div>
Y habia intentado hacer la siguiente funcion jQuery, que funciona pero lo hace con una sola imagen, nunca pasa a la siguiente, supongo que me falta un each() o algo por el estilo:
1
2
3
4
5
6
7
$(document).ready(function(){
$("#img").addClass("selected");
var delay = setTimeout(function() {
$("#img").removeClass("selected");
}, 2000);
});
Espero su ayuda!
Valora esta pregunta


0