Come dare effetto lampada di lava utilizzando jQuery per immagini

Question

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
        });

Answer 1

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

http://jsfiddle.net/Bpnca/84/

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