nicht angemeldet
Thumbnail Galerie
0 0 0 0 0 0 0 0 0 Hier die Lösung
0 0 0 0
0 0
Thumbnail Galerie
Moin!
Ich arbeite gerdae an einer kleinen Thumbnail Galerie, die an sich auch schon gut funktioniert. Doch wie mache ich es, dass nach $x Thumbnails ein <br> eingefügt wird??
Wäre spitze, wenn mir das mal einer schreiben könnte...
Phillip
-
Hallo.
Doch wie mache ich es, dass nach $x Thumbnails ein <br> eingefügt wird??
Wozu? Funktioniert "float" mit deinen Listenelementen nicht?
MfG, at-
Wozu? Funktioniert "float" mit deinen Listenelementen nicht?
Sorry, tut mir Leid..aber ich verstehe nicht was Sie meinen.
-
Hallo.
Wozu? Funktioniert "float" mit deinen Listenelementen nicht?
Sorry, tut mir Leid..aber ich verstehe nicht was Sie meinen.
Für dich bitte immer noch "du".
Ich meine, dass du ja sicher Listen verwendest -- <ul> für einfache Bildreihen, <dl> für Bildreihen mit Erläuterugnen zum jeweiligen Bild --, diese dann mittels der dafür vorgesehenen CSS-Eigenschaften formatierst und eigentlich genau das Ergebnis erhalten solltest, welches a) sinnvoll, b) valide und c) gemäß deinen Vorstellungen gestaltet ist.
Sollte dies nicht der Fall sein, so zeige doch bitte den Code, der beim Nutzer ankommt, also HTML/CSS, nicht PHP.
MfG, at-
Sollte dies nicht der Fall sein, so zeige doch bitte den Code, der beim Nutzer ankommt, also HTML/CSS, nicht PHP.
also, wie gesagt ist es eine schlichte thumbnail galerie....
der code der beim benutzer ankommt sieht folgendermaßen aus:<TD vAlign=center align=left><IMG height=12
src="band_cms_by_phillip_aka_guru-Dateien/viereck_punkt.gif"
width=12></TD>
<TD class=maintitle_small colSpan=3>pictures</TD></TR>
<TR vAlign=center>
<TD align=left height=23> </TD>
<TD colSpan=3><A
onclick="bbcodes=window.open('media.php?action=show_picture&picture=data/pictures/Sonnenuntergang.jpg','','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=350,height=380'); return false;"
href="http://localhost/htdocs_64562456724657642754954574576243217651/band_cms/index.php?section=media&action=show#"><IMG
onmouseover=nereidFade(this,100,10,10)
style="FILTER: alpha(opacity=50) border="
onmouseout=nereidFade(this,50,10,10)
src="band_cms_by_phillip_aka_guru-Dateien/Sonnenuntergang.jpg"
border=0></A><BR><A
onclick="bbcodes=window.open('media.php?action=show_picture&picture=data/pictures/case2.JPG','','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=350,height=380'); return false;"
href="http://localhost/htdocs_64562456724657642754954574576243217651/band_cms/index.php?section=media&action=show#"><IMG
onmouseover=nereidFade(this,100,10,10)
style="FILTER: alpha(opacity=50) border="
onmouseout=nereidFade(this,50,10,10)
src="band_cms_by_phillip_aka_guru-Dateien/case2.jpg"
border=0></A><BR><A
onclick="bbcodes=window.open('media.php?action=show_picture&picture=data/pictures/case3.JPG','','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=350,height=380'); return false;"
href="http://localhost/htdocs_64562456724657642754954574576243217651/band_cms/index.php?section=media&action=show#"><IMG
onmouseover=nereidFade(this,100,10,10)
style="FILTER: alpha(opacity=50) border="
onmouseout=nereidFade(this,50,10,10)
src="band_cms_by_phillip_aka_guru-Dateien/case3.jpg"
border=0></A><BR><A
onclick="bbcodes=window.open('media.php?action=show_picture&picture=data/pictures/ghkk.jpg','','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=350,height=380'); return false;"
href="http://localhost/htdocs_64562456724657642754954574576243217651/band_cms/index.php?section=media&action=show#"><IMG
onmouseover=nereidFade(this,100,10,10)
style="FILTER: alpha(opacity=50) border="
onmouseout=nereidFade(this,50,10,10)
src="band_cms_by_phillip_aka_guru-Dateien/ghkk.jpg"
border=0></A><BR><A
onclick="bbcodes=window.open('media.php?action=show_picture&picture=data/pictures/ghlhl.jpg','','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=350,height=380'); return false;"
href="http://localhost/htdocs_64562456724657642754954574576243217651/band_cms/index.php?section=media&action=show#"><IMG
onmouseover=nereidFade(this,100,10,10)
style="FILTER: alpha(opacity=50) border="
onmouseout=nereidFade(this,50,10,10)
src="band_cms_by_phillip_aka_guru-Dateien/ghlhl.jpg"
border=0></A><BR></TD>-
sorry das sieht jetzt sehr unübersichtlich aus...
also was der code zeigen soll: es sind einfach nur bilder die simpel mit php untereinender angezeigt werden...ich möchte jedoch, ass pro zeile 2 oder 3 bilder angezeigt werden und dass dann erst der absatz kommt.
-
sorry das sieht jetzt sehr unübersichtlich aus...
also was der code zeigen soll: es sind einfach nur bilder die simpel mit php untereinender angezeigt werden...ich möchte jedoch, ass pro zeile 2 oder 3 bilder angezeigt werden und dass dann erst der absatz kommt.
Und wo ist Dein Problem, wenn Du mit Schleifen und if-abfragen umgehen kannst???
Möchtest Du hier eine fertige Lösung haben??Ben
-
Und wo ist Dein Problem, wenn Du mit Schleifen und if-abfragen umgehen kannst???
Möchtest Du hier eine fertige Lösung haben??ja wenn ich wüsste, wie ich die schleifen und bedigungen genau einsetzenmuss, würde ich nich fragen....
-
Hallo Phillip.
ja wenn ich wüsste, wie ich die schleifen und bedigungen genau einsetzenmuss, würde ich nich fragen....
Zähle bis drei und fange dann eine neue Tabellenzeile an.
Freundschaft!
Siechfred--
Nichts ist schwerer einzureißen als die Mauer in den Köpfen.-
Hallo.
Zähle bis drei und fange dann eine neue Tabellenzeile an.
Muss man jetzt schon bis drei zählen können, um PHP zu programmieren?
MfG, at-
Hallo at.
Zähle bis drei und fange dann eine neue Tabellenzeile an.
Muss man jetzt schon bis drei zählen können, um PHP zu programmieren?Nö, PHP kann doch jedes Kind.
Freundschaft!
Siechfred--
Nichts ist schwerer einzureißen als die Mauer in den Köpfen.
-
-
-
Und wo ist Dein Problem, wenn Du mit Schleifen und if-abfragen umgehen kannst???
Möchtest Du hier eine fertige Lösung haben??ja wenn ich wüsste, wie ich die schleifen und bedigungen genau einsetzenmuss, würde ich nich fragen....
Hört sich jetzt in der Tat etwas denkfaul an, was Du da sagst ;-)
Also, hier Deine Lösung:
Tabelle anfangen
Zähler = 0
Schleife beginnen
Zeile beginnen
Thumb einfügen
Zähler erhöhen
mal nachsehen, wie hoch der Zähler steht ;-)
ggf. Zeile beenden
ggf. Zähler auf Null setzen
ggf. neue Zeile beginnen
Schleife beenden, wenn alle Thumbs eingefügt wurden
ggf. offene Tags schließen
Tabelle beendenGrüße
Ben
-
Tabelle anfangen
Zähler = 0
Schleife beginnen
Zeile beginnen
Thumb einfügen
Zähler erhöhen
mal nachsehen, wie hoch der Zähler steht ;-)
ggf. Zeile beenden
ggf. Zähler auf Null setzen
ggf. neue Zeile beginnen
Schleife beenden, wenn alle Thumbs eingefügt wurden
ggf. offene Tags schließen
Tabelle beendendas wollte ich doch nur wissen =) .... vielen dank!!
-
Tabelle anfangen
Zähler = 0
Schleife beginnen
Zeile beginnen
Thumb einfügen
Zähler erhöhen
mal nachsehen, wie hoch der Zähler steht ;-)
ggf. Zeile beenden
ggf. Zähler auf Null setzen
ggf. neue Zeile beginnen
Schleife beenden, wenn alle Thumbs eingefügt wurden
ggf. offene Tags schließen
Tabelle beendendas wollte ich doch nur wissen =) .... vielen dank!!
Keine Ursache, wenngleich ein kleiner Fehler drin ist, richtig hieße es so:
Tabelle anfangen
Zähler = 0
Zeile beginnen
Schleife beginnen
Thumb einfügen
Zähler erhöhen
mal nachsehen, wie hoch der Zähler steht ;-)
ggf. Zeile beenden
ggf. Zähler auf Null setzen
ggf. neue Zeile beginnen
Schleife beenden, wenn alle Thumbs eingefügt wurden
ggf. offene Tags schließen
Tabelle beendenweil Di sonst den Zeilenbegin innerhalb der Schleife hast, das macht sich nicht wirklich gut im Design ;-)
Grüße
Ben
-
-
Hallo!
Also, hier Deine Lösung:
...Also die hier gefällt mir besser: http://realworldstyle.com/thumbs_2.html
Wenn Du die Seite schmäler machst, dann weißt Du warum.Da kann der Anwender seine Favoriten, seinen Verlauf und was-weiß-ich-was offen haben und muß nicht vertikal scrollen. So wie bei Deiner Lösung.
Beste Grüße
Viennamade
-
-
-
-
Hallo Phillip.
sorry das sieht jetzt sehr unübersichtlich aus...
In der Tat.
ich möchte jedoch, ass pro zeile 2 oder 3 bilder angezeigt werden und dass dann erst der absatz kommt.
Dann definiere 3 Zellen pro Tabellenzeile. Und warum da colspan="3" steht, erscheint mir recht fraglich.
Freundschaft!
Siechfred--
Nichts ist schwerer einzureißen als die Mauer in den Köpfen. -
Hallo.
sorry das sieht jetzt sehr unübersichtlich aus...
Vor allem sieht es mir überflüssigerweise nach Tabellen aus.
MfG, at -
Hallo!
sorry das sieht jetzt sehr unübersichtlich aus...
Die Unübersichtlichkeit ist oft nur eine Frage des Aussehens.
ich möchte jedoch, ass pro zeile 2 oder 3 bilder angezeigt werden und dass dann erst der absatz kommt.
Verstehe. Das kannst Du einer Tabellen machen. Eine neue Tabellenzeile gibt es immer dann, wenn die fortlaufende Bildnummer durch 3 teilbar ist, zB.
Ist aber altmodisch.
Besser Du floatest Deine Thumbnails, das ist insoferne modern, als das es für den Betrachter jedenfalls angenehm ist und außerdem wird Dein Quelltext wesentlich schlanker und auch schneller ausgezeichnet.Wie at bereits geschrieben hat ist float Dein Stichwort, siehe http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float.
Beste Grüße
Viennamade -
Hi,
ich möchte jedoch, ass pro zeile 2 oder 3 bilder angezeigt werden und dass dann erst der absatz kommt.
modulo ist Dein Freund. Willst Du immer 5 pro Reihe anzeigen:
if ($myImageCounter % 5 === 0) mach_neue_Zeile();
Vorsicht afaik ergibt 0 % 5 auch 0.
Gruesse, Joachim
--
Am Ende wird alles gut.
-
-
-
-
-
-
Moin!
Ich arbeite gerdae an einer kleinen Thumbnail Galerie, die an sich auch schon gut funktioniert. Doch wie mache ich es, dass nach $x Thumbnails ein <br> eingefügt wird??
Wäre spitze, wenn mir das mal einer schreiben könnte...
Phillip
Einfach eine Schleife und eine if-Abfrage...
Grüße
Ben
-
Einfach eine Schleife und eine if-Abfrage...
O mein Gott!! Soviel hätte ich mir auch selber denken können ...
-
Einfach eine Schleife und eine if-Abfrage...
O mein Gott!! Soviel hätte ich mir auch selber denken können ...
Na also, geht doch :-))
Ben
-
-
-
Hallo,
Ich arbeite gerdae an einer kleinen Thumbnail Galerie, die an sich auch schon gut funktioniert. Doch wie mache ich es, dass nach $x Thumbnails ein <br> eingefügt wird??
Ich weiß ja nicht was du da so kompliziert machst, und warum dir auch keiner sagt dass du einfach die Bilder im Quelltext hintereinander schreiben sollst. Also so:
<img src="/img/thumbs/pferd.jpg" alt="ein Pferd" />
<img src="/img/thumbs/puppe.jpg" alt="eine Puppe" />
<img src="/img/thumbs/drogen.jpg" alt="leckere Drogen" />
<img src="/img/thumbs/metwurst.jpg" alt="grobe Metwurst" />
<img src="/img/thumbs/bier.jpg" alt="ein helles Pils" />
<img src="/img/thumbs/stifte.jpg" alt="20 Malstifte" />
<img src="/img/thumbs/kinder.jpg" alt="eine gruppe spielender Kinder" />
<img src="/img/thumbs/opa.jpg" alt="ein Opa bringt Geschenke" />Wenn das so ist, dann wird einfach genau nach der breite, die zur Verfügung steht umgebrochen, ganz Automatisch, ganz ohne irgendwelches woodo PHP und so Zeugs. Was spricht denn dagegen? Naja vielleicht dass das eigentlich eine Liste ist und man sie so auszeichnen sollte, aber ich glaube dass dich das wenig juckt, wenn du eh schon mit Tabellen für das Layout rumhantierst.
Grüße
Jeena Paradies--
Abschiedsfeier im Kindergarten