Come dare effetto lampada di lava utilizzando jQuery per immagini
Domanda
Ho le immagini di massa all'interno di un elemento div quindi ho bisogno di dare un po 'di piacevole effetto lampada di lava a quelle immagini che non sono in grado di farlo e di seguito alcuni esempi dal sito qui sotto:
http://nixbox.com/projects/jquery-lavalamp/demos
Qualcuno può darmi una mano?
Ecco il mio codice:
$('#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>");
Questa è la mia CSS Codice per effetto della lava:
.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;
}
Questo è lo script:
$('images').lavaLamp({
target: 'img',
autoResize: true
});
Soluzione
Potrebbe essere semplicemente che ti sei perso un punto fuori dal selettore di classe JQuery?
$('.images').lavaLamp({
target: 'img',
autoResize: true
});
qui è la versione di lavoro
il problema era che lo stile si voleva applicare come l'effetto lavalamp è stato applicato a tutti gli elementi, quando avrebbe dovuto essere assegnato alla classe .backLava
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow