Как дать эффект лавы с лавами с использованием jQuery на изображения

Question

У меня есть массовые изображения внутри элемента Div, поэтому мне нужно дать хороший эффект лавы лавы на те изображения, которые я не могу получить, и следовали некоторые примеры с сайта ниже:

http://nixbox.com/projects/jquery-lavalamp/demos

Может кто-нибудь мне помочь?

Вот мой код:

 $('#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>");

Это мой код CSS для эффекта лавы:

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

Это сценарий:

 $('images').lavaLamp({
            target: 'img',
            autoResize: true
        });

Answer 1

Может ли просто быть то, что вы пропустили точку из селектора класса JQUERY?

 $('.images').lavaLamp({
        target: 'img',
        autoResize: true
    });

Вот рабочая версия

http://jsfiddle.net/bpnca/84/

Проблема заключалась в том, что стиль, который вы хотели применить, поскольку эффект Lavalamp был применен ко всем элементам, когда он должен был быть назначен на .backLava учебный класс