Adipoli jQuery图像悬停效果不起作用

时间:2013-05-21 08:36:09

标签: javascript jquery plugins hover adipoli

我有adipoli插件的问题 - 它不想工作,虽然我所做的一切似乎都是正确的。代码如下:

主管部分:

    <script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="js/lightbox.js"></script>
<script src="js/slider.js"></script>
<script src="js/jquery.adipoli.min.js"></script>
<script>
$('.shadow').adipoli({
    'startEffect' : 'normal',
    'hoverEffect' : 'popout'
});
</script>

内容部分:

echo '"<a><img class="shadow" src="photos/thumbs/thumb_'.$image['filename'].'" alt="" /></a>'; 

除了adipoli悬停效果,我想制作一个简单的css投影效果,它可以与悬停效果相比较。 Lightbox和滑块脚本也可以完美地工作。 任何有用的想法都会受到赞赏,尤其有用。 ; - )

1 个答案:

答案 0 :(得分:0)

$(document).ready(function() {
    $('.shadow').adipoli({
        'startEffect' : 'normal',
        'hoverEffect' : 'popout'
    });
});

在尝试选择元素之前将其包裹起来以确保元素存在。