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