|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
jsfreak
Anmeldungsdatum: 13.12.2009 Beiträge: 1
|
Verfasst am: 13.12.2009 21:20:27 Titel: problem mit (( FOR schleife )) die "Bilder" läd |
|
|
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 |
|
|
Dormilich Forumsteilnehmer
Anmeldungsdatum: 15.01.2010 Beiträge: 8
|
Verfasst am: 15.01.2010 09:59:06 Titel: |
|
|
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 |
|
|
|
|
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.
|
|
|
|