Ergebnis 1 bis 15 von 15

Thema: bei Klick auf ein Bild verschiedenen Bilder im Lightboxformat anzeigen

  1. #1
    TP-Junior
    Registriert seit
    Aug 2012
    Beiträge
    15

    Question bei Klick auf ein Bild verschiedenen Bilder im Lightboxformat anzeigen

    Hallo zusammen,

    Ich habe auf meiner Website (mit Dreamweaver erstellt) eine Seite mit ca. 20 kleinen Bildern (Thumbs) nun möchte ich bei eine Klick auf eines der Bilder gerne Bilder im Lightboxformat anzeigt bekommen, welche aber nicht den Bildern (Thumbs) auf meiner Seite entsprechen. Die Bilder welche dann angezeigt werden sollen erst durch den Klick aufgerufen werden. Ich möchte auf keinen Fall ein Umleitung zu einer Galerie. Die Bilder sollen direkt auf meiner Seite eingeblendet werden. Ich habe schon überall gesucht, aber nichts passendes gefunden. Dazu kommt noch, dass ich nicht gerade ein Profi bin und nach einer für mich verständlichen Anleitung suche. Würde mich sehr freuen, wenn jemand helfen könnte.

    vielen herzlichen Dank

  2. #2
    TP-Specialist Avatar von max.m
    Registriert seit
    Dec 2005
    Ort
    Stuttgart
    Beiträge
    2.021
    Wenn ich das richtig verstanden habe sollte das machbar sein.
    Z. B. der Code dieser Lightbox:

    HTML-Code:
    <a rel="lightbox" href="images/examples/image-1.jpg">
        <img alt="" src="images/examples/thumb-1.jpg">
    </a>
    Im img-Tag wird das Thumbnail verlinkt, im a-Tag das Lightbox-Bild. Das sind ja sowieso immer unterschiedliche Bilder, normalerweise: gleiches Motiv, unterschiedliche Größe.

  3. #3
    TP-Junior
    Registriert seit
    Aug 2012
    Beiträge
    15
    Hallo,
    Danke erst mal für die Antwort. Das ist genau mein Problem. Ich habe ein Thumbnail und möchte beim anklicken aber mindestens 4 andere Bilder angezeigt bekommen.?? Die vier anderen Bilder sind sonst nirgendwo zu sehen und sollen erst beim Anklicken des Thumbnail angezeigt werden.

    vielen Dank

  4. #4
    TP-Specialist Avatar von max.m
    Registriert seit
    Dec 2005
    Ort
    Stuttgart
    Beiträge
    2.021
    Um bei der Lightbox zu bleiben die ich gepostet habe:

    Das Beispiel "Image set" so abändern:

    HTML-Code:
    <div class="set">
       <div class="single first">
          <a href="images/examples/image-3.jpg" rel="lightbox[plants]" title="Click on the right side of the image to move forward."><img src="images/examples/thumb-3.jpg" alt="Plants: image 1 0f 4 thumb" /></a>
       </div>
       <a href="images/examples/image-4.jpg" rel="lightbox[plants]" title="Alternately you can press the right arrow key." ></a>
       <a href="images/examples/image-5.jpg" rel="lightbox[plants]" title="The script preloads the next image in the set as you're viewing."></a>
       <a href="images/examples/image-6.jpg" rel="lightbox[plants]" title="Click the X or anywhere outside the image to close"></a>
    </div>
    Hat bei mir im IE 9 und Firefox funktioniert.

  5. #5
    TP-Junior
    Registriert seit
    Aug 2012
    Beiträge
    15
    vielen Dank...ich werde es ausprobieren!

  6. #6
    TP-Junior
    Registriert seit
    Aug 2012
    Beiträge
    15
    Hallo,
    Leider bekomme ich es nicht hin. Ich schaffe es nicht einmal auch nur ein Bild mit der Lightbox zu öffnen. Ich habe echt keine Ahnung was ich falsch mache. Leider bin ich echt ein "Newbie"
    Meinst Du ich kann Dir die html Datei mal schicken??
    vielen Dank und Grüße

  7. #7
    TP-Specialist Avatar von max.m
    Registriert seit
    Dec 2005
    Ort
    Stuttgart
    Beiträge
    2.021
    Was für eine Lightbox setzt Du denn ein? Ja, poste hier mal den Quelltext. Noch besser ist es wenn Du das ganze online stellst und einen Link postest. Da kann man gleich schauen ob jQuery etc. richtig eingebunden sind.

  8. #8
    TP-Member
    Registriert seit
    Jul 2012
    Beiträge
    48
    Zitat Zitat von schubste Beitrag anzeigen
    Hallo,
    Leider bekomme ich es nicht hin. Ich schaffe es nicht einmal auch nur ein Bild mit der Lightbox zu öffnen. Ich habe echt keine Ahnung was ich falsch mache. Leider bin ich echt ein "Newbie"
    Meinst Du ich kann Dir die html Datei mal schicken??
    vielen Dank und Grüße
    Hallo,

    hab ich hier auch schon bei einem Thread beteiligt, weil ich auch so ein Problem hatte. Der Thread heiß: "Frage zu Lightbox2 bzw. Multibox". Vielleicht hilft dir der weiter....

    LG Mell

  9. #9
    TP-Junior
    Registriert seit
    Aug 2012
    Beiträge
    15
    Juhu dieser Beitrag war genau das, was ich gesucht habe!! vielen herzlichen Dank
    Zitat Zitat von MellZi Beitrag anzeigen
    Hallo,

    hab ich hier auch schon bei einem Thread beteiligt, weil ich auch so ein Problem hatte. Der Thread heiß: "Frage zu Lightbox2 bzw. Multibox". Vielleicht hilft dir der weiter....

    LG Mell

  10. #10
    TP-Junior
    Registriert seit
    Aug 2012
    Beiträge
    15
    Hallo nochmal,
    Eine Frage hätte ich noch. Wie bekommen ich für das kleine Bild ein Mousover hin?? Bevor sich also die Lightboxbilder öffnen soll sich das Bild mit dem Link zur Lightbox nochmal verändern. Hab schon viel ausprobiert, aber leider klappt es nicht.

    Mein momentaner Code sieht so aus:

    <div id="bild1"><a href="bild/1.jpg"rel="lightbox[bilderfolge]"><img src="bild/s1.jpg" />
    <a href="bild/2.jpg" rel="lightbox[bilderfolge]"></a>
    <a href="bild/3.jpg" rel="lightbox[bilderfolge]"></a>
    <a href="bild/4.jpg" rel="lightbox[bilderfolge]"></a></div>

    Würde mich riesig über eine Lösung freuen.

    vielen herzlichen Dank

  11. #11
    TP-Member
    Registriert seit
    Jul 2012
    Beiträge
    48
    Zitat Zitat von schubste Beitrag anzeigen
    Juhu dieser Beitrag war genau das, was ich gesucht habe!! vielen herzlichen Dank
    ...und...hat alles geklappt bei dir???
    LG Mell

  12. #12
    TP-Junior
    Registriert seit
    Aug 2012
    Beiträge
    15
    Zitat Zitat von MellZi Beitrag anzeigen
    ...und...hat alles geklappt bei dir???
    LG Mell
    Hallo, super nett, das Du nachfragst. Dein Beitrag hat mir sehr geholfen, jedoch habe ich immer noch keine Lösung für das Mouseoverproblem. Ich möchte dies vor dem öffnen der Bilder einbauen, heißt also, wenn ich über die kleinen Bilder mit der Mouse fahre sollen sich diese verändern und bei Klick öffnet sich dann die Lightbox (was ja bereits funktioniert). Vielleicht hast Du ja noch eine helfende Idee

    vielen Dank

  13. #13
    TP-Member
    Registriert seit
    Jul 2012
    Beiträge
    48
    Zitat Zitat von schubste Beitrag anzeigen
    Hallo zusammen,

    Ich habe auf meiner Website (mit Dreamweaver erstellt) eine Seite mit ca. 20 kleinen Bildern (Thumbs) nun möchte ich bei eine Klick auf eines der Bilder gerne Bilder im Lightboxformat anzeigt bekommen, welche aber nicht den Bildern (Thumbs) auf meiner Seite entsprechen. Die Bilder welche dann angezeigt werden sollen erst durch den Klick aufgerufen werden. Ich möchte auf keinen Fall ein Umleitung zu einer Galerie. Die Bilder sollen direkt auf meiner Seite eingeblendet werden. Ich habe schon überall gesucht, aber nichts passendes gefunden. Dazu kommt noch, dass ich nicht gerade ein Profi bin und nach einer für mich verständlichen Anleitung suche. Würde mich sehr freuen, wenn jemand helfen könnte.

    vielen herzlichen Dank
    ..hmmm, leider kann ich dir da auch nicht weiterhelfen. arbeite mit Dreamweaver erst seit kurzem....fällt mir auch noch schwer. ...und mit den Bildergalerien hab ich eh noch Probleme...aber die Lightbox hab ich jetzt auch hinbekommen
    Hast du mal gegoogelt...da findet man auch einige Informationen.
    Erstellst du deine Webseiten beruflich oder machst du es nur in deiner Freizeit??
    LG Mell

  14. #14
    TP-Junior
    Registriert seit
    Aug 2012
    Beiträge
    15
    Zitat Zitat von MellZi Beitrag anzeigen
    ..hmmm, leider kann ich dir da auch nicht weiterhelfen. arbeite mit Dreamweaver erst seit kurzem....fällt mir auch noch schwer. ...und mit den Bildergalerien hab ich eh noch Probleme...aber die Lightbox hab ich jetzt auch hinbekommen
    Hast du mal gegoogelt...da findet man auch einige Informationen.
    Erstellst du deine Webseiten beruflich oder machst du es nur in deiner Freizeit??
    LG Mell
    Ich mache das nur in meiner Freizeit. Arbeite auch mit Dreamweaver und verwalte eine Website von einem Freund.
    Ich habe jede Menge Vorschläge zur Verbesserung dieser Website, allerdings die Umsetzung gestaltet sich meistens schwierig. Werd dann mal googeln. Mal sehen ob ich was herausfinden kann.

    viele Grüße

  15. #15
    TP-Member
    Registriert seit
    Jul 2012
    Beiträge
    48
    Zitat Zitat von schubste Beitrag anzeigen
    Ich mache das nur in meiner Freizeit. Arbeite auch mit Dreamweaver und verwalte eine Website von einem Freund.
    Ich habe jede Menge Vorschläge zur Verbesserung dieser Website, allerdings die Umsetzung gestaltet sich meistens schwierig. Werd dann mal googeln. Mal sehen ob ich was herausfinden kann.

    viele Grüße
    ...ich wünsch dir viel Glück

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Bilder per Klick austauschen
    Von The Phantom im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 09.06.2007, 12:11
  2. T3 4.0 Bilder Klick Vergrößern
    Von Nicolas im Forum TYPO3
    Antworten: 2
    Letzter Beitrag: 28.04.2006, 20:33
  3. mausposition bei klick auf link anzeigen
    Von alexf812 im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 25.01.2006, 19:45
  4. Bekomme Bilder aus verschiedenen Frames nicht aneinender
    Von Bjoern_h im Forum Dreamweaver & andere Webeditoren
    Antworten: 1
    Letzter Beitrag: 21.04.2003, 19:22
  5. Bilder bei Klick vergrößern
    Von eere im Forum Dreamweaver & andere Webeditoren
    Antworten: 5
    Letzter Beitrag: 02.04.2003, 16:15

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51