0

誰かがこれを手伝ってくれますか？私はメニュースライダーを持っていて、リストアイテムにカーソルを合わせるたびに新しい画像が表示されます。問題は次のとおりです。新しい画像が表示されるたびに読み込まれ、その後は私のコードに従うので、画像が表示されます。それから非表示になり、次にフェードインしますが、画像が表示される前に非表示にしたいと思います。

私のコード：

<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>
4

2 に答える 2

0 
// ...
$('<img/>',{}).css('display', 'hidden').load(
// ...
于 2012-10-23T12:53:54.617 に答える
0

display:noneHTML / CSSを見なくても、最も簡単な解決策は、デフォルトごとにあるCSSクラスを使用して画像要素を設定することだと思います。

JSで

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

CSSで

.hidden {
    display:none;
}
于 2012-10-23T12:52:36.153 に答える