Bild im Pop up
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anfertigen
beispiel
bild
code
einfache bildergalerie
erledigen
erstellen
frage
gleiche bild
hebel
http
klasse danke
ladezeit
langsamen verbindungen
oleander
pop
server
tag
url
verkleinern
-
Hallo !
Ich möchte eine einfache tag/bild">Bildergalerie in Form einer Tabelle erstellen. Die Bilder werden als erstes kleiner dargestellt.
Jetzt zu meiner Frage, wie mache ich das, damit wenn meine besucher auf die ( kleineren ) bilder klicken , sie( die bilder natürlich) in einem neuen (pop up) fenster geöffnet werden ???
danke im voraus
Beitrag geändert: 2.1.2009 18:27:56 von hebel-breaker -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Das ließe sich relativ gut mit einer "Lightbox" realisieren. Das ist heute wohl die gänge und auch sehr schöne Variante.
http://www.huddletogether.com/projects/lightbox/
Zwei Dinge sind zu erledigen:
1.) Das script in deine Seite einbinden
2.) Die Bilder folgendermaßen verlinken:
<a href="Bild.dateiende" rel="lightbox" title="Titel des Bildes"> <img src="Thumbnail_Bild.dateiende" title="Titel des Bildes" /> </a> -
ho ;)
Das finde ich ja echt klasse... kann ich sicher auch gebrauchen :D
Vielen Dank für den Link werktags :)
lg
Sincer -
ho ;)
Dann habe ich noch eine Frage, die da gut dazu passt.
Die Bilder sind in der Vorschau ja immer recht klein. Muss ich das selber machen? (Dh. Jedes Bild nehmen, in die passende Größe verkleinern, und mit dem großen Original verlinken, oder gibt es ein Script, dass automatisch eine kleine Version von dem großem Original abbildet?)
lg
Sincer -
benutz doch einfach das gleiche bild und machs so :
<a rel="shadowbox;options={handleOversize:'none'}" href="gallery/greatwall.jpg" title="Great Wall of China"><img src="gallery/greatwall.jpg" width="100" height="100" alt=""></a></td>
Beitrag geändert: 9.1.2009 15:38:22 von psgdjugend -
psgdjugend schrieb:
<a rel="shadowbox;options={handleOversize:'none'}" href="gallery/greatwall.jpg" title="Great Wall of China"><img src="gallery/greatwall.jpg" width="100" height="100" alt=""></a></td>
Keine gute Idee, da das Bild, dann in seiner vollen Größe geladen wird, was auf dem Server Traffic verursacht und beim Benutzer die Leitung blockiert.
Thumbnails kannst du mit diversen Programmen selber anfertigen. (EasyThumbnails als Beispiel)
Es gibt allerdings auch Gallerie-Tools, die dieses bereits integriert haben. (Menalto Gallery als Beispiel) -
Guten Tag,
Das empfiehlt sich ehr nicht, da das den Server nur unnötig mit Traffic belastet und bei langsamen Verbindungen nicht auszuhalten ist.
Benutze lieber Thumbnails, da wird das Bild auf dem Server via PHP verkleinert und dann erst weggeschickt.
http://phpthumb.sourceforge.net/ Damit kannst du schnell ganz viele Thumbnails erstellen und Speichern.
Scripte die in Echtzwit erstellen sind nicht zu Empfehlen, da der Server 1. stark belastet wird und 2. die Ladezeiten sich auch verlängern, da der Server erst für Jedes Bild ein Thumbnail erstellen muss.
lg
Oleander
€dit:
Zu langsam... :/
Beitrag geändert: 9.1.2009 15:49:27 von olearose -
darum ist das wahrscheinlich bei mir so , oder ???
http://psgdjugend.lima-city.de/4.1.09.html
Beitrag geändert: 9.1.2009 15:55:38 von psgdjugend -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
