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类

时，您想要应用的样式作为lavalamp效果应用于所有元素

如何使用jquery给图像赋予熔岩灯效果

1 个答案: