Comment donner effet lampe à lave à l'aide jquery aux images
Question
J'ai des images en vrac à l'intérieur d'un élément div donc je dois donner un bel effet de lampe à lave à ces images que je suis incapable de le faire et suivi quelques exemples ci-dessous du site:
http://nixbox.com/projects/jquery-lavalamp/demos
aide quelqu'un peut me sortir?
Voici mon code:
$('#showfilelist').append("<div id=" + file.id + "><a href='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "' target='_blank' rel='gallery'><img src='uploads/" + document.getElementById("currentDirectory").value + "/" + file.name + "'width='50' height='50' class='images'/></a></div>");
Ceci est mon CSS Code pour effet de lave:
.images
{
border: 1px solid #33CC33;
background-color:#CCFFCC;
z-index:1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 2px 2px 3px #000;
-webkit-box-shadow: 2px 2px 3px #000;
-moz-box-shadow: 2px 2px 3px #000;
}
Voici le script:
$('images').lavaLamp({
target: 'img',
autoResize: true
});
La solution
peut-il être tout simplement que vous avez manqué un point sur le sélecteur de classe JQuery?
$('.images').lavaLamp({
target: 'img',
autoResize: true
});
ici est la version de travail
le problème était que le style que vous vouliez appliquer l'effet de lavalamp a été appliqué à tous les éléments quand il aurait dû être affecté à la classe .backLava
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow