Question

有人可以帮我吗？我有一个菜单滑块，每当你将鼠标悬停在列表项上时，就会出现一个新图像，问题是：每次出现一个新图像时它会加载，之后它会跟随我的代码，因此，图像显示出来，然后它隐藏起来，然后它消失了，但我希望图像在它出现之前就被隐藏起来。

我的代码：

<script type="text/javascript">
$('#image_div').prepend(
    $('<img/>',{ }).load(
        function(){
            $(this).hide().delay(500).fadeIn(1000);
            $('#image_div img:first').next().animate({},0,function(){
                $(this).remove();
            });
        }
    ).attr('src',''+info_elem.find('.info_image').html())
);
</script>

Answer 1

如果不查看HTML / CSS，我会说最简单的解决方案是使用每个默认值为display:none的CSS类设置image元素。

在JS中

$('<img class="hidden" />',{}).load(...)

在CSS中

.hidden {
    display:none;
}

Answer 2

// ...
$('<img/>',{}).css('display', 'hidden').load(
// ...

使用jQuery的图像效果

2 个答案: