kostenloser Webspace werbefrei: lima-city


Bild im Pop up

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    hebel-breaker

    hebel-breaker hat kostenlosen Webspace.

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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>
  4. ho ;)

    Das finde ich ja echt klasse... kann ich sicher auch gebrauchen :D

    Vielen Dank für den Link werktags :)

    lg
    Sincer
  5. ne besseres script wäre die shadowbox :

    http://www.mjijackson.com/shadowbox/
  6. 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
  7. 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
  8. 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)
  9. o******e

    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
  10. 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
  11. ho ;)

    Das mit den Thumbnails funktioniert ja klasse.
    Danke euch beiden :)

    lg
    Sincer
  12. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!