jquery - 使用 jQuery 的图像效果

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 类设置图像元素。

在 JS 中

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

在 CSS 中

.hidden {
    display:none;
}

Answer 2

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