Wie lade ich ein großes Bild vor?

Question

Jul 21, 2010, 11:41 AM

Wie lade ich ein großes Bild vor?

Ich habe bestimmte Links, wenn ich mit der Maus über die Links gehe, die ich ändere<div> Hintergrundbil

jQuery Ich habe is- @ verwend

function imgchange()
    {
        $('.smenu li').mouseover( function(){
        var src = $(this).find('a').attr('href');
        $('.hbg').css('background-image', 'url(' + src + ')');
        $(this).find('hbg').attr('title', 'my tootip info');
        });     
    }

Es funktioniert einwandfrei, aber das Problem ist, dass ich beim Ausführen auf Server-Images 3-4 Sekunden benötige, um es bei Änderungen zu ändern. Wenn ich jedoch das zweite Mal mit der Maus über die Bilder fahre, werden sie sofort geändert. Ich denke, dies liegt an den im Browser gespeicherten Bildern im Cache. Also habe ich ein Javascript hinzugefügt, um Bilder auf der Seite onLoad () ivent - @ vorzulade

<script language = "JavaScript">
function preloader() 
{
heavyImage = new Image(); 
heavyImage.src = "images/soluinfo1.jpg";
heavyImage.src = "images/soluinfo2.jpg";
heavyImage.src = "images/soluinfo3.jpg";
heavyImage.src = "images/soluinfo4.jpg";
heavyImage.src = "images/soluinfo5.jpg";
heavyImage.src = "images/soluinfo6.jpg";
heavyImage.src = "images/soluinfo7.jpg";
}
</script>

<body onLoad="javascript:preloader()">

Aber dieses Skript hat mein Problem nicht gelöst. Was soll ich tun?