2

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

1 に答える 1

1

単純に、JQuery クラス セレクターからドットを外しただけではないでしょうか?

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

ここに作業バージョンがあります

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

問題は、ラバランプ効果として適用したいスタイルが、.backLavaクラスに割り当てられるべきときにすべての要素に適用されたことでした

于 2011-10-19T13:22:04.920 に答える