Wie man Lava -Lampeneffekt mit JQuery zu Bildern gibt
Frage
Ich habe Massenbilder in einem DIV -Element, daher muss ich den Bildern, die ich nicht erhalten kann, einen schönen Lava -Lampeneffekt verleihen, und folge einige Beispiele von der folgenden Site:
http://nixbox.com/projects/jquery-lavalamp/demos
Kann mir jemand helfen?
Hier ist mein 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>");
Dies ist mein CSS -Code für Lava -Effekt:
.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;
}
Dies ist das Skript:
$('images').lavaLamp({
target: 'img',
autoResize: true
});
Lösung
Könnte es einfach sein, dass Sie einen Punkt aus dem JQuery Class -Selektor verpasst haben?
$('.images').lavaLamp({
target: 'img',
autoResize: true
});
Hier ist die Arbeitsversion
Das Problem war, dass der Stil, den Sie anwenden wollten, wenn der Lavalamp -Effekt auf alle Elemente angewendet wurde, wenn er dem hätte zugeordnet werden sollen .backLava
Klasse
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow