bilder mit for-schleife ausgeben

rebbit

Hey ho leute
hab mich jetzt fast 2 stunden durch das forum gewühlt und immer wieder proiert aber es hat einfach nicht geklappt.

Meine Idee ist es, mit Hilfe einer for-schleife die Bilder aus einem Ordner auszugeben.

Code

<script type="text/javascript">
var Ausgabe = "";
for (i = 1; i <= 9; i++)
 Ausgabe = '[img]http://../Bilder/bild00'+ i +'.jpg [/img]';
document.write(Ausgabe)}
</script>

Was ist daran falsch? Alles oder nur ein bisschen? Mein Prog zum schreiben zeigt auch keinen Fehler mehr an und die Quelldateien sind auch so vorhanden. Ich würd das gerne in ein html script einbauen, da ich von php keine ahnung hab.
Der soll halt i so lange erhöhen, bis es 9 ist und jedes mal beim erhöhen ein Bild posten. also wenn i =1 ist soll er bild001 posten

Da gibts doch sicherlich ne Lösung oder?

MfG rebbit

The User

Kleine Sache:
Mit php gehts fast genauso:

Code

<?
for($i = 1; $i < 10; $i++)
{
echo "<img border=\"1\" alt=\"Bild";
echo $i;
echo "\" src=\"http://../Bilder/bild00";
echo $i;
echo ".jpg\">";
}
?>

Viele Grüße
The User

synaptic

ich hab den pfad des scriptes mal vereinfacht und die html-file in den bilder-ordner gepackt....

Code

<script type="text/javascript"> 
for (i = 1; i <= 6; i++) {


Ausgabe = "[img]" + i + ".jpg[/img]
"; 


document.write(Ausgabe)} 
</script>

als erstes brauchste die Ausgabe nicht vorher deklarieren und mit nem leeren string initialisieren!
du musst auch ne geschweifte klammer öffnen, wenn du eine schliesst....
und setz die gänsefüsschen und hochkommata richtig

rebbit

erstma
klasse und vielen lieben danke für die schnellen antworten.. aber er gibt das net aus.. egal mit welcher variante..
meine idee ist halt, dass er diese ganze lästige tabellen schreibarbeit automatisch macht..
versteht ihr?
also das mit der tabelle wär ja rel easy.. man lässt in der for-schleife ne variable mit hochlaufen und immer wenn die auf 4 ist wird die auf 0 zurück gesetzt und ne neue zeile begonnen

synaptic

gibmir mal den link zu deinem bilder-ordner, wenn ich gleich meine frau vom bahnhof abgholt hab bau ich dir das script zusammen...
und du willst den table so haben:?
bild bild bild bild
bild bild bild bild
bild bild bild bild

oder mach einfach nen leeren table fertig, und pack den zum link dazu...

rebbit

so.. denk ma, dass das problem im großen und ganzen gelöst ist..
werd dann nochma mit nen par for schleifen tüfteln, damit er die größe ausliest und dem entsprechend das bild anzeigt.. oder ich mach thumbnails..
is das einfacher mit php oder die zu erstellen und hochzuladen?

mein code, falls den jmd ma braucht

Code

<script type="text/javascript">
var k;
k=1;
for (i=2; i<=63; i++) {


if(i<10){
document.write("<a href='");
document.write("http://www.../bild00" +i +".jpg' rel='lightbox[..]'>");
document.write("<img src='");
document.write("http://www.../bild00" +i +".jpg' style='width:15%; height:15%;'>");
document.write("</a>");
 if(k<4) {k=k+1} else {k=1; document.write("


")}}
else{
document.write("<a href='");
document.write("http://www.../bild0" +i +".jpg' rel='lightbox[..]'>");
document.write("<img src='");
document.write("http://www.../bild0" +i +".jpg' style='width:15%; height:15%;'>");
document.write("</a>");
 if(k<4) {k=k+1} else {k=1; document.write("


")}   }




}
</script>

Alles anzeigen

greetz

rebbit

hey ho
ich bins wieder^^
ich krieg das einfach net hin..
ich will von den bildern die höhe udn die breite auslesen damit sich die verkleinerung später da drauf bezieht und nicht auf die bildschirm größe oder wie auch immer er das grad macht.. kann mir da jemand helfen?
greetz rebbit

edit:
könnte man mit so ner schleife auch sagen "nach 60 bildern neue seite "? oder wäre das zu umständlich und auch eigentlich gar net notwendig?

rebbit

da bin ich wieder... hab das jetz soweit... aber ganz zufrieden bin ich immer noch net.. wir sind ja allesamt schreibfaul.. is auch normal..

bei irfanview gitbs ja den tollen thumbnail ersteller.. so nenn ich ihn einfach ma
und da kann man die bilder ja als html fertig formatiert ausgeben lassen.. und das geniale ist, man bekommt ein fertiges paket mit allen html seiten die man benötigt.. die kehrseite der medaille: man hat so viele dateien

die quelltexte der hauptdatei und einer x-beliebigen bilddatei sehn dann so aus:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="IrfanView">


<title>Alex 18.</title>
<style>body {font-family:Verdana;}</style>
</head>


<body bgcolor="#C0C0C0">


<center>
<h4>Alex 18.</h4>
<hr>


<TABLE>


<tr>


<TD ALIGN=CENTER VALIGN=BOTTOM><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2">
<A HREF="bild001.html" target="ImageWindow" style="text-decoration:none">[img]bild001_t.jpg[/img]
<div style="text-align: center">bild001.jpg
66.49 KB</div></A></FONT></TD>


<TD ALIGN=CENTER VALIGN=BOTTOM><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2">
<A HREF="bild002.html" target="ImageWindow" style="text-decoration:none">[img]bild002_t.jpg[/img]
<div style="text-align: center">bild002.jpg
51.52 KB</div></A></FONT></TD>


<TD ALIGN=CENTER VALIGN=BOTTOM><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2">
<A HREF="bild003.html" target="ImageWindow" style="text-decoration:none">[img]bild003_t.jpg[/img]
<div style="text-align: center">bild003.jpg
55.14 KB</div></A></FONT></TD>


<TD ALIGN=CENTER VALIGN=BOTTOM><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2">
<A HREF="bild004.html" target="ImageWindow" style="text-decoration:none">[img]bild004_t.jpg[/img]
<div style="text-align: center">bild004.jpg
53.47 KB</div></A></FONT></TD>


<TD ALIGN=CENTER VALIGN=BOTTOM><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2">
<A HREF="bild005.html" target="ImageWindow" style="text-decoration:none">[img]bild005_t.jpg[/img]
<div style="text-align: center">bild005.jpg
56.38 KB</div></A></FONT></TD>


</tr>
<tr>
.
.
.
</tr>


</TABLE>


<hr>
<h4>[size=8]<small>[url='http://www.irfanview.com']Created by IrfanView[/url][/size]</small></h4>
</center>
</body>
</html>

Alles anzeigen

HTML

<html>
<head>
<title>Alex 18.</title>
<style>body {font-family:Verdana;}</style>
</head>


<body bgcolor="#C0C0C0">
<center>
<table width="100%">
<tr>
<td align=left>
<h4>[url='bild107.html'] prev [/url]</h4>
</td>
<td align=center>
<h4>bild108.jpg</h4>
</td>
<td align=right>
<h4>[url='bild109.html'] next [/url]</h4>
</td>
</tr>
</table>




[img]bild108.jpg[/img]




<FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2">bild108.jpg
45.22 KB</FONT>




<h4>[url='Thumbnails.html'] Thumbnails [/url]</h4>
</center>
</body>
</html>

Alles anzeigen

ich bin mir sicher das sich die hauptseite in eine schleife packen ließe wie ich es schon habe und die jeweiligen bild html dateien ersetzbar wären durch ne php datei..
mein problem.. PHP is mir so fremd wie dem pinguin die wüste
kann mir jemand unter die arme greifen? udn eventuell gleichzeitig erklären?
ich weiß frage passt net so ins oberthema.. wollt aber net gleich n neues thema aufmachen.. bleib da bei meinem

LG rebbit

Tags