bildergalerie und Abstand zwischen den Bildern

von **beatrix** » 19.03.2006, 08:22

Guten Morgen,
ich glaub ich mach mal wieder einen Denkfehler. Ich möchte eine bildergalerie mit Thumps erstellen un bei Mausklick soll sich ein Popup Fenster öffnen. Zwei Dinge bringen mich zur Verzweiflung. Ich möchte gern die Bilder in einer Reihe haben und je nach Fesntergröße bicht die Bilderreihe um, nun muss ich einen Abstand zwischen den Bildern erstellen, hab ich versucht mit einer Klasse: a.bilder und wollte hier den Abstand zur Seite nach rechts sowie nach unten eingeben. Nach rechts gehts auch mit padding, aber unten tut sich nichts. Da klebt dann die zweite Reihe Bilder an der ersten. Margin geht auch nicht. Kann mir jemand einen Tipp geben??

#galerie {
margin: 0;
padding: 5em 0em 1em 2em;

}

a.bilder {
color: #556a55;
padding-right: 1.3em;
padding-bottom:2em;
}
und im html code:

<script type="text/javascript">
function FensterOeffnen (Adresse) {
Fenster1 = window.open(Adresse, "Zweitfenster", "width=700,height=500,center, left=200,top=100");
Fenster1.focus();
}
</script >

<a class="bilder" href="../grafik/galerie/menschenbilder/BEGEGNUNG_70_X_50.JPG" onclick="FensterOeffnen(this.href); return false"><img src="../grafik/galerie/menschenbilder/thumbs/BEGEGNUNG_70_X_50.jpg" width="84" height="120"></a>

Herzlichen Gruß Beatrix

von **Laus** » 19.03.2006, 09:39

Hallo

Benutze für den Abstand nach unten das Atribut <img>

Code: Alles auswählen: #galerie img {margin-bottom:2em;}

oder benutze <span> dazu dann müsst es gehen.

Gruß Laus

von **beatrix** » 20.03.2006, 09:07

Guten Morgen,
herzlichen Dank, Laus, für den Tipp. :oops:

Was für'n blöder Fehler, peinlich. Aber manchmal bin ich wirklich blind. Vielen Dank dafür. Nun passt es auch.

Noch eine Frage, obwohl sie wahrscheinlich nicht so ganz richtig hier ist, versuch ich es trotzdem mal. Die Bilder öffnen sich in einem javascript popup fenster. Leider in einer festen Größe und nicht an die Bildergröße angepaßt. Klar, hab ich ja auch angewiesen...<script type="text/javascript">
function FensterOeffnen (Adresse) {
Fenster1 = window.open(Adresse, "Zweitfenster", "width=700,height=500,center, left=200,top=100");
Fenster1.focus();
}
Lass ich die Größenangaben weg, ändert sich auch nicht so richtig viel. Kann ich das mit oben angegebenen Script eigentlich relativ leicht ändern, das sich das Popup automatisch an die Bildgröße anpasst?? So als Laiin???Ich hab schon gegoogelt, hab aber nur ganz umfangreiche scripte gefunden, die mir irgendwie nicht so ganz geheuer sind. Kann man das auch mit einem Satz erledigen???
Vielleicht kann mir dazu ja noch jemand einen Tipp geben. :roll:

Gruß Beatrix

von **Laus** » 20.03.2006, 10:40

Hallo

Javascript ist nicht so mein Ressort, aber ich hab folgendes gefunden:
http://www.webmaster-resource.de/tricks ... effnen.php
Das müsste eigentlich genau das richtige für Dich sein.
Gruß Laus

von **beatrix** » 20.03.2006, 11:08

Hallo Laus,
vielen Dank für den Tipp. Leider weiß ich jetzt so gar nicht, wie ich das bei meinem script einbinden kann :cry:

Das Beispiel scheint doch eher so, das alle Bilder die gleiche Größe haben. Das ist bei meinem Wunsch ja anders. Oder versteh ich es nicht richtig, wenn da steht;

...Sie müssen der Funktion GrafikAnzeigen(...) lediglich den Pfad bzw. die URL zur Grafik sowie die Breite und die Höhe des Bildes übergeben.

Herzlichen Gruß
Beatrix

von **Laus** » 20.03.2006, 12:37

Genau so. Das Javascript selbst bindest Du in deinen <head> bereich ein und beim Verweis auf dein Bild im <body> gibst Du die Größe an.

Code: Alles auswählen: <a href="javascript:GrafikAnzeigen('garten1.jpg', '576', '384');"><img border="0" height="85" src="tn_garten1.jpg" title="Zum Vergrößern aufs Foto klicken" width="128"></a>

das heißt für die '576' und die '384' nimmst Du die Werte deines Bildes. Das Fenster wird dann automatisch in der richtigen, eben in der angegebenen Größe geöffnet. Wenn Du User die Javascript nicht aktiviert haben nicht ausschliesen willst könntest Du das Bild auch etwa so aufrufen

Code: Alles auswählen: <a href="garten1.jpg" onclick="javascript:GrafikAnzeigen('garten1.jpg', '576', '384'); return false;"><img border="0" height="85" src="tn_garten1.jpg" title="Zum Vergrößern aufs Foto klicken" width="128"></a>

dann wird bei eingeschaltetem Javascript ein popup Fenster geöffnet, andernfalls wird das Bild im gleichen Fenster geöffnet.

Gruß Laus

von **beatrix** » 20.03.2006, 15:58

Nun ist alles gut

Vielen Dank für deine Hilfe, Laus.
Herzlichen Gruß Beatrix

bildergalerie und Abstand zwischen den Bildern

bildergalerie und Abstand zwischen den Bildern

Ähnliche Beiträge zu "bildergalerie und Abstand zwischen den Bildern"

Wer ist online?