HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - problem mit (( FOR schleife )) die "Bilder" läd

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

problem mit (( FOR schleife )) die "Bilder" läd

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
jsfreak



Anmeldungsdatum: 13.12.2009
Beiträge: 1

BeitragVerfasst am: 13.12.2009 21:20:27    Titel: problem mit (( FOR schleife )) die "Bilder" läd Antworten mit Zitat

Hallo ich habe mich vor kurzem in diesen forum angemeldet,weil ich bei einer sache,bei meiner homepage nicht weiter komme.Wie die überschrift schon sagt hab ich probleme "Bilder mit einer FOR schelife zu laden"! Ich hab schon sehr vieles ausprobirt,aber nix klapte.Die google suche gab mir leider auch kein erfolg.Ich habe hir unten zwei Varianten geschriben.Variante 1 ist die die zu 100% functioniert und die bilder auch problemlos läd und Variante 2 soll halt auf Variante 1 basiren,aber halt als FOR-Schleife,die aber leider nicht functioniert und nicht mal ein Bild läd.Ich weiss,dass ich alternativ Variante 1 für meine homepage verweden kann,aber das würde ich gerne vermeinden,weil das sonnst kein richtiges programmieren ist.Ich enschuldige mich für meine schlechte rechtschreibung und hoffe,dass jemand eine lösung für mein problem hat.Danke



Variante 1:
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>



<script language="JavaScript">
<!--
var a = 0;
var zeigeSeiteHauptseiteVar = 0;
var ladeAnfangsbilderVar = 0;
var abBilderVar = 0;
var abBilderLoadingXvar = 0;
var abBilderArray = new Array();
abBilderArray[1] = new Array();
abBilderArray[2] = new Array();
var i = 1;
var j = 1;
var k = 1;




function ladeAnfangsbilder_function()
{
abBildA1 = new Image();
abBildA1.src = "img/banner/js_music_player_banner/1.png";
document.getElementById('abBildA1_img').src = abBildA1.src;
abBildA2 = new Image();
abBildA2.src = "img/banner/js_music_player_banner/2.png";
document.getElementById('abBildA2_img').src = abBildA2.src;
abBildA3 = new Image();
abBildA3.src = "img/banner/js_music_player_banner/3.png";
document.getElementById('abBildA3_img').src = abBildA3.src;
abBildB1 = new Image();
abBildB1.src = "img/fenster/fenster1/1.png";
document.getElementById('abBildB1_img1').src = abBildB1.src;
document.getElementById('abBildB1_img2').src = abBildB1.src;
document.getElementById('abBildB1_img3').src = abBildB1.src;
abBildB2 = new Image();
abBildB2.src = "img/fenster/fenster1/2.png";
document.getElementById('abBildB2_img1').src = abBildB2.src;
document.getElementById('abBildB2_img2').src = abBildB2.src;
document.getElementById('abBildB2_img3').src = abBildB2.src;
abBildB3 = new Image();
abBildB3.src = "img/fenster/fenster1/3.png";
document.getElementById('abBildB3_img1').src = abBildB3.src;
document.getElementById('abBildB3_img2').src = abBildB3.src;
document.getElementById('abBildB3_img3').src = abBildB3.src;
abBildB4 = new Image();
abBildB4.src = "img/fenster/fenster1/4.png";
document.getElementById('abBildB4_img1').src = abBildB4.src;
document.getElementById('abBildB4_img2').src = abBildB4.src;
document.getElementById('abBildB4_img3').src = abBildB4.src;
abBildB5 = new Image();
abBildB5.src = "img/fenster/fenster1/5.png";
document.getElementById('abBildB5_img1').src = abBildB5.src;
document.getElementById('abBildB5_img2').src = abBildB5.src;
document.getElementById('abBildB5_img3').src = abBildB5.src;
document.getElementById('abBildB5_img4').src = abBildB5.src;
document.getElementById('abBildB5_img5').src = abBildB5.src;
document.getElementById('abBildB5_img6').src = abBildB5.src;
abBildB6 = new Image();
abBildB6.src = "img/fenster/fenster1/6.png";
document.getElementById('abBildB6_img1').src = abBildB6.src;
document.getElementById('abBildB6_img2').src = abBildB6.src;
document.getElementById('abBildB6_img3').src = abBildB6.src;
document.getElementById('abBildB6_img4').src = abBildB6.src;
document.getElementById('abBildB6_img5').src = abBildB6.src;
document.getElementById('abBildB6_img6').src = abBildB6.src;
}





//-->
</script>




</head>
<body bgcolor="" onload="ladeAnfangsbilder_function()">



<script language="JavaScript">
<!--
document.write('<div style="background-color:blue; position:absolute; visibility:visible; align:center; width:50%; height:300px; left:200px; top:0px;" id="seiteninhalt">');

document.write('<div id="banner1_div" style="background-color:#000000; layer-background-color:#000000; width:978px; height:109px; position:absolute; top:756px; left:10px">'+
'<img style="position:absolute; top:0px; left:0px;" id="abBildA1_img">'+
'<img style="position:absolute; top:0px; left:614px;" width="358px" height="109px" id="abBildA2_img">'+
'<img style="position:absolute; top:0px; left:972px;" width="6px" height="109px" id="abBildA3_img">'+
'</div>');

document.write('<div id="fenster1_div" style="background-color:#000000; layer-background-color:#000000; width:308px; height:532px; position:absolute; top:10px; left:10px">'+
'<img style="position:absolute; top:0px; left:0px;" id="abBildB1_img1">'+
'<img style="position:absolute; top:0px; left:29px;" width="250px" height="47px" id="abBildB5_img1">'+
'<img style="position:absolute; top:0px; left:279px;" id="abBildB2_img1">'+
'<img style="position:absolute; top:47px; left:0px;" width="10px" height="438px" id="abBildB6_img1">'+
'<img style="position:absolute; top:47px; left:298px;" width="10px" height="438px" id="abBildB6_img2">'+
'<img style="position:absolute; top:485px; left:0px;" id="abBildB3_img1">'+
'<img style="position:absolute; top:485px; left:29px;" width="250px" height="47px" id="abBildB5_img2">'+
'<img style="position:absolute; top:485px; left:279px;" id="abBildB4_img1">'+
'</div>');

document.write('<div id="fenster2_div" style="background-color:#000000; layer-background-color:#000000; width:308px; height:194px; position:absolute; top:552px; left:10px">'+
'<img style="position:absolute; top:0px; left:0px;" id="abBildB1_img2">'+
'<img style="position:absolute; top:0px; left:29px;" width="250px" height="47px" id="abBildB5_img3">'+
'<img style="position:absolute; top:0px; left:279px;" id="abBildB2_img2">'+
'<img style="position:absolute; top:47px; left:0px;" width="10px" height="118px" id="abBildB6_img3">'+
'<img style="position:absolute; top:47px; left:298px;" width="10px" height="118px" id="abBildB6_img4">'+
'<img style="position:absolute; top:147px; left:0px;" id="abBildB3_img2">'+
'<img style="position:absolute; top:147px; left:29px;" width="250px" height="47px" id="abBildB5_img4">'+
'<img style="position:absolute; top:147px; left:279px;" id="abBildB4_img2">'+
'</div>');

document.write('<div id="fenster3_div" style="background-color:#000000; layer-background-color:#000000; width:660px; height:574px; position:absolute; top:10px; left:328px">'+
'<img style="position:absolute; top:0px; left:0px;" id="abBildB1_img3">'+
'<img style="position:absolute; top:0px; left:29px;" width="602px" height="47px" id="abBildB5_img5">'+
'<img style="position:absolute; top:0px; left:631px;" id="abBildB2_img3">'+
'<img style="position:absolute; top:47px; left:0px;" width="10px" height="480px" id="abBildB6_img5">'+
'<img style="position:absolute; top:47px; left:650px;" width="10px" height="480px" id="abBildB6_img6">'+
'<img style="position:absolute; top:527px; left:0px;" id="abBildB3_img3">'+
'<img style="position:absolute; top:527px; left:29px;" width="602px" height="47px" id="abBildB5_img6">'+
'<img style="position:absolute; top:527px; left:631px;" id="abBildB4_img3">'+
'</div>');

document.write('</div>');
//-->
</script>


</body>
</html>






Variante 2:
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>


<script language="JavaScript">
<!--
var zeigeSeiteHauptseiteVar = 0;
var ladeAnfangsbilderVar = 0;
var abBilderVar = 0;
var abBilderLoadingXvar = 0;
var abBilderArray = new Array();
abBilderArray[1] = new Array();
abBilderArray[2] = new Array();
var i = 1;
var j = 1;
var k = 1;


function ladeAnfangsbilder_function()
{
for(i=1;<=6;i++)
{
abBilderArray[2][i] = new Image();
abBilderArray[2][i].src = 'img/fenster/fenster1/'+i+'.png';
if(i<5)
{
for(j=1;j<=3;j++)
{
document.getElementById('abBildB'+i+'_img'+j).src = abBilderArray[2][i].src;
}
}
else
{
for(j=1;j<=6;j++)
{
document.getElementById('abBildB'+i+'_img'+j).src = abBilderArray[2][i].src;
}
}
if(i<=3)
{
abBilderArray[1][i] = new Image();
abBilderArray[1][i].src = 'img/banner/js_music_player_banner/'+i+'.png';
document.getElementById('abBildA'+i+'_img').src = abBilderArray[1][i].src;
}
}
}





//-->
</script>








</head>
<body bgcolor="" onload="ladeAnfangsbilder_function()">




<script language="JavaScript">
<!--
document.write('<div style="background-color:blue; position:absolute; visibility:visible; align:center; width:50%; height:300px; left:200px; top:0px;" id="seiteninhalt">');

document.write('<div id="banner1_div" style="background-color:#000000; layer-background-color:#000000; width:978px; height:109px; position:absolute; top:756px; left:10px">'+
'<img style="position:absolute; top:0px; left:0px;" id="abBildA1_img">'+
'<img style="position:absolute; top:0px; left:614px;" width="358px" height="109px" id="abBildA2_img">'+
'<img style="position:absolute; top:0px; left:972px;" width="6px" height="109px" id="abBildA3_img">'+
'</div>');

document.write('<div id="fenster1_div" style="background-color:#000000; layer-background-color:#000000; width:308px; height:532px; position:absolute; top:10px; left:10px">'+
'<img style="position:absolute; top:0px; left:0px;" id="abBildB1_img1">'+
'<img style="position:absolute; top:0px; left:29px;" width="250px" height="47px" id="abBildB5_img1">'+
'<img style="position:absolute; top:0px; left:279px;" id="abBildB2_img1">'+
'<img style="position:absolute; top:47px; left:0px;" width="10px" height="438px" id="abBildB6_img1">'+
'<img style="position:absolute; top:47px; left:298px;" width="10px" height="438px" id="abBildB6_img2">'+
'<img style="position:absolute; top:485px; left:0px;" id="abBildB3_img1">'+
'<img style="position:absolute; top:485px; left:29px;" width="250px" height="47px" id="abBildB5_img2">'+
'<img style="position:absolute; top:485px; left:279px;" id="abBildB4_img1">'+
'</div>');

document.write('<div id="fenster2_div" style="background-color:#000000; layer-background-color:#000000; width:308px; height:194px; position:absolute; top:552px; left:10px">'+
'<img style="position:absolute; top:0px; left:0px;" id="abBildB1_img2">'+
'<img style="position:absolute; top:0px; left:29px;" width="250px" height="47px" id="abBildB5_img3">'+
'<img style="position:absolute; top:0px; left:279px;" id="abBildB2_img2">'+
'<img style="position:absolute; top:47px; left:0px;" width="10px" height="118px" id="abBildB6_img3">'+
'<img style="position:absolute; top:47px; left:298px;" width="10px" height="118px" id="abBildB6_img4">'+
'<img style="position:absolute; top:147px; left:0px;" id="abBildB3_img2">'+
'<img style="position:absolute; top:147px; left:29px;" width="250px" height="47px" id="abBildB5_img4">'+
'<img style="position:absolute; top:147px; left:279px;" id="abBildB4_img2">'+
'</div>');

document.write('<div id="fenster3_div" style="background-color:#000000; layer-background-color:#000000; width:660px; height:574px; position:absolute; top:10px; left:328px">'+
'<img style="position:absolute; top:0px; left:0px;" id="abBildB1_img3">'+
'<img style="position:absolute; top:0px; left:29px;" width="602px" height="47px" id="abBildB5_img5">'+
'<img style="position:absolute; top:0px; left:631px;" id="abBildB2_img3">'+
'<img style="position:absolute; top:47px; left:0px;" width="10px" height="480px" id="abBildB6_img5">'+
'<img style="position:absolute; top:47px; left:650px;" width="10px" height="480px" id="abBildB6_img6">'+
'<img style="position:absolute; top:527px; left:0px;" id="abBildB3_img3">'+
'<img style="position:absolute; top:527px; left:29px;" width="602px" height="47px" id="abBildB5_img6">'+
'<img style="position:absolute; top:527px; left:631px;" id="abBildB4_img3">'+
'</div>');

document.write('</div>');

//-->
</script>


</body>
</html>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Dormilich
Forumsteilnehmer


Anmeldungsdatum: 15.01.2010
Beiträge: 8

BeitragVerfasst am: 15.01.2010 09:59:06    Titel: Antworten mit Zitat

warum eigentlich so kompliziert? da die Bilder ja auf der gleichen Seite sind, dauert das Laden gleich lange, egal ob nun über JavaScript oder HTML (zumal das HTML noch nicht mal valide ist). Außerdem kann der Browser bei HTML Bildern gleichzeitig noch den Rest der Seite aufbauen.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.