Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Bildlinkgenerator Variable hoch zählen“

BlueThunder

Nicht mehr ganz neu hier

Hallo @ All,

ich möchte eine größere Anzahl an Bilder verlinken und zum Download anbieten.
Dazu habe ich mir ein kleines Script geschrieben, weiß nun aber nicht weiter.
Evtl. kann mir jemand behilflich sein. Also mit Hilfe einer Photoshopaktion benenne ich
meine Bilder: 1.jpg, 2.jpg, ? , für tif und jpg thumb dito.

Also folgendes Script erstellt mir 49 DIVs? () Funktioniert bei mir nur mit dem IE,
ja ihr habt richtig gelesen :D Wird ja nur zum generieren des Codes genutzt! :)

Code:
<script language="JavaScript" type="text/javascript">
function bildlinkgenerator()
{
	for (var n=1; n<50; n++)
	{
	  document.write ('<div id="X"><a href="bilder/jpg/'+n+'.jpg"><img src="bilder/thumb/'+n+'.jpg" alt="Bild '+n+'" title="Bild '+n+'" border="0"></a></div><div id="menue"><a href="bilder/'+n+'.jpg">Gro&szlig;ansicht</a> | <a href="bilder/tif/'+n+'.tif">Download</a></div>' +" ");
	}
}
</script>

? mit folgender Syntax:

HTML:
<div id="X"><a href="bilder/jpg/1.jpg"><img src="bilder/thumb/1.jpg" alt="Bild 1" title="Bild 1" border="0"></a></div>
<div id="menue"><a href="bilder/1.jpg">Gro&szlig;ansicht</a> | <a href="bilder/tif/1.tif">Download</a></div>


Nun möchte ich aber, dass das ?id=X? abwechselnd durch ?id=style1? und ?id=style2? ersetzt wird.

<div id="style1"><a href="bilder/jpg/1.jpg"><img src="bilder/thumb/1.jpg" alt="Bild 1" title="Bild 1" border="0"></a></div>
<div id="menue"><a href="bilder/1.jpg">Gro&szlig;ansicht</a> | <a href="bilder/tif/1.tif">Download</a></div>

<div id="style2"><a href="bilder/jpg/2.jpg"><img src="bilder/thumb/2.jpg" alt="Bild 2" title="Bild 2" border="0"></a></div>
<div id="menue"><a href="bilder/2.jpg">Gro&szlig;ansicht</a> | <a href="bilder/tif/2.tif">Download</a></div>

<div id="style1"><a href="bilder/jpg/3.jpg"><img src="bilder/thumb/3.jpg" alt="Bild 3" title="Bild 3" border="0"></a></div>
<div id="menue"><a href="bilder/3.jpg">Gro&szlig;ansicht</a> | <a href="bilder/tif/3.tif">Download</a></div>

usw.

Hat jemand eine Idee, wie ich ans Ziel kommen kann? Verschachtelte Schleifen kann ich leider nicht, da muss ich leider passen?

Wäre nett wenn sich jemand finden würde, der mir behilflich sein kann.

MfG BT
 

philipp1988

Nicht mehr ganz neu hier

AW: Bildlinkgenerator Variable hoch zählen

Also ich würde es ganz einfach in PHP lösen


for($i=0;$i<50;$i++)
{
if($i%2)
{
echo "<div id=\"style1\"><img src=\" " . $i .".jpg\"></div> ";
}
else
{
echo "<div id=\"style2\"><img src=\" " . $i .".jpg\"></div> ";
}

}


natürlich noch ausbaufähig ;)

mfg

EDIT: Natürlich kannst du das auch bei dir in JS einbauen .. nur ka ob die Funktion Modulo ( % ) Rest - Berechnung in JS gibt.
 
Zuletzt bearbeitet:

sokie

Mod | Web

AW: Bildlinkgenerator Variable hoch zählen

Nun möchte ich aber, dass das ?id=X? abwechselnd durch ?id=style1? und ?id=style2? ersetzt wird.

Das mit der ID ist sowieso für die Füsse.
IDs sind einmalig.
wenn es um css formatierungen geht müssen wiederholte bezeichner klassennamen sein.

zum Code ein tipp:
alternierende bezeichner kannst du zB mit dem Modulo (%) erzeugen
(gibt den rest einer division an)
Code:
var klasse = "";
for (var i=0; i<50; i++){
  if ( i % 2 ==1){
    klasse = 'class="style1"';
  }
  else{
    klasse = 'class="style2"';
  }
document.write('div ' + klasse + '...usw);
}
 

BlueThunder

Nicht mehr ganz neu hier

AW: Bildlinkgenerator Variable hoch zählen

Habt vielen Dank, ihr habt mir sehr geholfen, funktioniert beides einwandfrei :)

DANKE! Gruß BT
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben