Как дать эффект лавы с лавами с использованием jQuery на изображения
Вопрос
У меня есть массовые изображения внутри элемента 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
});
Решение
Может ли просто быть то, что вы пропустили точку из селектора класса JQUERY?
$('.images').lavaLamp({
target: 'img',
autoResize: true
});
Вот рабочая версия
Проблема заключалась в том, что стиль, который вы хотели применить, поскольку эффект Lavalamp был применен ко всем элементам, когда он должен был быть назначен на .backLava
учебный класс
Не связан с StackOverflow