Script für eine einfache Bildergalerie

Diskutiere mit über: Script für eine einfache Bildergalerie im Web-Programmierung Forum

  1. mhmedia

    mhmedia Thread Starter MacUser Mitglied

    Beiträge:
    778
    Zustimmungen:
    7
    Registriert seit:
    13.10.2004
    Hallo,
    ich versuche es schon lange, aber mir gelingt es einfach nicht. GoLive CS 2.
    Eine Seite mit Thumbnails auf der einen Seite (oder oben) von Bildern und Platz für ein großes. Wenn man nun auf ein Thumbnail klickt, dann soll es in groß erscheinen (ohne eine neue Seite). SimpleViewer sieht ganz hübsch aus, leider ist es mir nicht gelungen es in die Seite einzubetten.
    Remote Rollover bekomme ich auf nicht hin.
    Kennt jemand ein Script / Programm mit dem sich das realisieren läßt? Sollte allerdings nicht zu kompliziert sein.

    Danke
     
  2. Dommy

    Dommy MacUser Mitglied

    Beiträge:
    959
    Zustimmungen:
    59
    Registriert seit:
    29.08.2005
  3. leann

    leann MacUser Mitglied

    Beiträge:
    13
    Zustimmungen:
    0
    Registriert seit:
    09.05.2007
    ich versuche gerade mit lightbox zu arbeiten. ich habe leider nur keine ahnung von java script! :rolleyes:

    kann mir da jemand weiterhelfen?
    wie wird das ganze nun zu einer bildergalerie? :confused:

    bin dankbar über jeden tipp!
    vielen dank.
     
  4. rpoussin

    rpoussin MacUser Mitglied

    Beiträge:
    17.789
    Zustimmungen:
    1.147
    Registriert seit:
    22.08.2004
    Hast Du Photoshop? Da sind ganz passable Galerien eingebaut. Du legst einen Ordner mit den zu verwendenden Bildern an ( z.B. 800x600pix max) In PhSh gehst Du zu Datei > Automatisieren > Webgalerie und wählst den Ordner mit den vorgefertigten Bildern.
    PhSh erstellt eine komplette html-Seite incl. Flash und/oder Javascript, die Du in Deine Seite einbetten kannst.
     
  5. FiffiWM2006

    FiffiWM2006 MacUser Mitglied

    Beiträge:
    268
    Zustimmungen:
    9
    Registriert seit:
    12.11.2006
    Du brauchst absolut keine Ahnung von Javascript zu haben, wenn du Lightbox benutzen willst. Das ist ja gerade der Sinn von Lightbox.

    Die Bildergalerie mußt du allerdings vorher selber erstellen. Am besten mithilfe von XHTML und CSS. Da gibt es auch jede Menge Vorlagen im Web, wenn du mal danach googelst.
    Dann fügst du einfach in jedem a-Tag "(Mist! wo sind auf dem Macbook eigentlich die eckigen Klammern?) (ref="lightbox")" ein.

    Also so z.B.:
    <a href="link zum großen bild" ref="lightbox"><img src="dein thumbnail bild"></a>
     
  6. ThaHammer

    ThaHammer MacUser Mitglied

    Beiträge:
    3.276
    Zustimmungen:
    13
    Registriert seit:
    01.06.2004
    Eine einzige Zeile Javascript macht Dir das! ;)
    Ich suche mal eben und melde mich wieder!

    OK, so geht das!

    Du machst Dir mit Divs 2 Boxen.
    Der eine hat die id big, beim anderen ist es noch egal.

    die Javasriptfunktion schaut so aus

    Code:
    function change(source) {
    var pfad = "bilder/";
    neuesbild = pfad + source;
    document.getElementById("big").src = neuesbild;
    }
    
    Im HTML schreibst Du das so.

    Code:
    <a href="javascript:change('deinBildname.jpg')"><img src="bilder/deinBildname.jpg" alt="Solidus" height="40"></a>
    
    Du hast beim Klick den Aufruf der JS Funktion, übergibst Ihr den Bildnamen. Im JS wird der Pfad + Bildname zusammengesetzt und getauscht. Im großen und ganzen sollte es so gehen! Ohne Garantie, weil ich das nur schnell zusammen geschrieben habe, heißt es könnten kleine Fehler drin sein!
     
    Zuletzt bearbeitet: 06.07.2007
  7. leann

    leann MacUser Mitglied

    Beiträge:
    13
    Zustimmungen:
    0
    Registriert seit:
    09.05.2007
    vielen dank erstmal für eure antworten! :)
    und ich werde morgen mal mit frischem kopf probieren.:)

    vielleicht muss ich das problem noch etwas konkretisieren. also ich möchte auf einer website (http://www.spiritup.de/hmwitte/bilder.html) links kleine bilder als vorschau, und rechts das angeklickte bild in groß. und das ganze am besten in dem fertigen design.... :rolleyes:

    geht das? :confused:
     
  8. FiffiWM2006

    FiffiWM2006 MacUser Mitglied

    Beiträge:
    268
    Zustimmungen:
    9
    Registriert seit:
    12.11.2006
    Dazu ist Lightbox dann aber wiederum eher ungeeignet.
     
  9. ThaHammer

    ThaHammer MacUser Mitglied

    Beiträge:
    3.276
    Zustimmungen:
    13
    Registriert seit:
    01.06.2004
    http://www.visoc.de/index.php?page=13
    In der Richtung etwa?
     
  10. quack

    quack MacUser Mitglied

    Beiträge:
    6.346
    Zustimmungen:
    141
    Registriert seit:
    29.12.2004
    Zuletzt bearbeitet: 07.07.2007
Die Seite wird geladen...
Ähnliche Themen - Script eine einfache Forum Datum
jQuery mobile: Script wird nur nach reload ausgeführt Web-Programmierung 28.12.2012
Kontaktformular - Wie lese ich alle Variablen aus? Web-Programmierung 11.12.2012
Java Script problem Web-Programmierung 30.09.2010
script "suche" fuer die hompage mit history Web-Programmierung 17.08.2010
Suche Upload / Download Script, Tool, oder so Web-Programmierung 12.03.2010

Diese Seite empfehlen

Benutzerdefinierte Suche