+ Antworten
Ergebnis 1 bis 2 von 2

Thema: preLoad von Bildern ... problem

  1. #1
    TP-Junior Seagate macht alles soweit korrekt
    Registriert seit
    Dec 2006
    Beiträge
    9

    preLoad von Bildern ... problem

    Hi all,

    ich versuch mich grad an einer preload schleife aber irgendwie .... funzt das ganze nicht !

    ich habe meine bilder in einem einfach array , also der direkte pfad ( src )

    hier eigentlich mein sorgenkind schnipsel... wenn ich die funktion durchlaufen lasse müssten ja die bilder vorgeladen sein... sind sie aber nicht

    var bilder = new Array( 'http://tbn0.google.com/images?q=tbn:jArvUs1MMlyfSM:http://www.fashionoffice.org/triumph/model-sexy-gr2006.jpg', 'http://tbn0.google.com/images?q=tbn:MToEUO4h8z4rdM:http://www.demal.cc/bilder/bjoern_demal_sexy.jpg', 'http://www.refocus-now.com/Stock/People/images/1%20Woman%20women%20beach%20sexy%20female%20bikini%20Lindia%20RMartinez.JPG', 'http://postcards4you.de/shop/images/postcards/big_400x290px/malle3_b.gif');

    var bildvariablen = new Array();

    function preLoad() {

    for ( var i=0; i <bilder.length; i++) {

    img = new Image();
    img.src = bilder[i];
    bildvariablen[i] = img.src ;
    }



    }
    das ganze wird einfach per body geladen .... wäre supi wenn mir jemand sagt wo mein fehler liegt ;(

  2. #2
    TP-Specialist theo bringt sich richtig ein Avatar von theo
    Registriert seit
    Apr 2002
    Ort
    743, evergreen terrace
    Beiträge
    2.346
    moin seagate,

    ich will ja nicht meckern, aber meiner ansicht nach funzt es.
    kleiner test:
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <title>Unbenanntes Dokument</title>
            <script type="application/javascript">
    			var bilder = new Array( 'http://tbn0.google.com/images?q=tbn:jArvUs1MMlyfSM:http://www.fashionoffice.org/triumph/model-sexy-gr2006.jpg', 'http://tbn0.google.com/images?q=tbn:MToEUO4h8z4rdM:http://www.demal.cc/bilder/bjoern_demal_sexy.jpg', 'http://www.refocus-now.com/Stock/People/images/1%20Woman%20women%20beach%20sexy%20female%20bikini%20Lindia%20RMartinez.JPG', 'http://postcards4you.de/shop/images/postcards/big_400x290px/malle3_b.gif');
    
    			var bildvariablen = new Array();
    			var links = '';
    
    			window.onload = function() {		
    				for (var i=0; i <bilder.length; i++) {			
    					img = new Image();
    					img.src = bilder[i];
    					bildvariablen[i] = img.src;
    					links+= "<a href=\"javascript: showPic('"+i+"')\">bild"+i+"</a>";
    				}
    				document.getElementById("link").innerHTML=links;
    			}
    			
    			function showPic(img){
    				document.getElementById("img").innerHTML="<img src=\""+bilder[img]+"\" />";
    			}
    		</script>
        </head>
        <body>
        	<div id="link"></div>
            <div id="img"></div>
        </body>
    </html>
    gruss
    /b{2}|[^(bb)]/

    [Workshop] Nested sets

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51