zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Bildergalerie

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.01.2011, 19:08
bea bea ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2004
Beiträge: 41
bea befindet sich auf einem aufstrebenden Ast
Standard Bildergalerie

Hallo, ich hab grad keine Idee, wie ich meinen Wunsch umsetzen kann und hoffe auf Hilfe.
Bei diesem Entwurf möchte ich gerne, das man auf das große Bild (als Ausgangsbild) klicken kann und und sich weitere davor öffnen, wie bei einem Lightboxeffekt.
Ich würde mich über einen Tipp sehr freuen.
Bea
__________________
Vielen Dank und herzliche Grüße
Bea

Geändert von bea (15.01.2011 um 14:36 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.01.2011, 19:23
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Zitat:
Zitat von bea Beitrag anzeigen
....
möchte ich gerne, das man auf das große Bild (als Ausgangsbild) klicken kann und und sich weitere davor öffnen, wie bei einem Lightboxeffekt.
Soll heissen "davon" ? Geht ganz einfach mit einem Lightbox Script (js).
Die Bilder werden dann "gruppiert". Das erste ist im img Tag (vom a umschlossen), die weiteren werden nur per a tag abgelegt.
HTML-Code:
<a href="images/image-1.jpg" rel="lightbox-cats"><img src....></a>
<a href="images/image-2.jpg" rel="lightbox-cats">image #2</a>
<a href="images/image-3.jpg" rel="lightbox-cats">image #3</a>
Links zu Lightboxen:
The Lightbox Clones Matrix « planetOzh
Tobis Blog » 15 JavaScript LightBox Skripte

Manfred
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.01.2011, 19:24
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

Geht grundsätzlich mit Javascript.

Für den leichteren Einstieg eignet sich da jQuery

Ich verstehe zwar, was du mit Lightboxeffekt meinst, aber wie soll das aussehen mit "weitere davor öffnen"?

Also in etwa:
Bei Klick auf Bild erscheint eine Halbtransparente Fläche, in der die Bilder als Galerie angezeigt werden?


Gruß
Mit Zitat antworten
  #4 (permalink)  
Alt 13.01.2011, 19:32
bea bea ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2004
Beiträge: 41
bea befindet sich auf einem aufstrebenden Ast
Standard

Hallo, das geht ja superschnell.
Vielen Dank schon mal.
zeji - ja genau so soll es aussehen: "Bei Klick auf Bild erscheint eine Halbtransparente Fläche, in der die Bilder als Galerie angezeigt werden?"
Manfred62 - Was ich nicht kapiere, wie ich um das große Bild als Ausgangsbild den Lightboxaufruf erstelle.
Ist lightbox-cats ein Ordner in dem sich die weiteren Bilder befinden? kann der auch lightbox-start heißen?
__________________
Vielen Dank und herzliche Grüße
Bea
Mit Zitat antworten
  #5 (permalink)  
Alt 13.01.2011, 19:36
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Hi Bea

Um das große erste Bild kommt ein Link (a), muus ja klickbar sein.
Dazu muss dann das rel="lightbox-cats".
Der Begriff cats ist beliebig. Das ist kein Ordner. Das ist die Gruppierung!
Alle Links/Bilder mit dem gleichen Begriff werden dann gruppiert.

Manfred

Hier noch ein Link:
http://www.blogrammierer.de/jquery-d...lerie-plugins/

Geändert von Manfred62 (13.01.2011 um 19:47 Uhr) Grund: Link eingefügt
Mit Zitat antworten
  #6 (permalink)  
Alt 13.01.2011, 19:52
bea bea ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2004
Beiträge: 41
bea befindet sich auf einem aufstrebenden Ast
Standard

Jipieh, es geht. Klasse, vielen vielen Dank.
Mit der Gruppierung versteh ich nicht so ganz. Ich muss doch trotzdem jedes Bild in dieser Weise aufrufen:
a href="images/bild-2.jpg" rel="lightbox-start">image #2</a>
Was genau hab ich von einer Gruppierung?
Herzlichen Gruß
Bea
__________________
Vielen Dank und herzliche Grüße
Bea
Mit Zitat antworten
  #7 (permalink)  
Alt 13.01.2011, 20:05
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Beispiel zur Gruppierung: du hast ein Startbild. Dieses ist sichtbar (img tag).
Zu diesem gehören noch weitere Bilder. Diese werden ohne img tag, nur mit a tag eingebunden. Du kannst dann also weitere Bilder (welche nicht sichtbar sind) in der Slideshow darstellen.

Manfred
Mit Zitat antworten
  #8 (permalink)  
Alt 14.01.2011, 18:33
bea bea ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2004
Beiträge: 41
bea befindet sich auf einem aufstrebenden Ast
Standard

Hallo, ich bins noch mal. Also die Lightbox läuft schon ganz prima auf der Startseite. Allerdings bei den weiteren Seiten (Navigationspunkt Die Lage) gibt es das Problem, dass der Close Button nicht mehr angezeigt wird. Kann mir bitte jemand da noch mal einen Tipp geben, wie ich das lösen kann?
Und dann möchte ich gerne die deutsche Beschreibung für image 2 von 4 eingeben. Wo kann ich das denn ändern?
Vielen Dank schon mal für eure Bemühungen.
Bea
__________________
Vielen Dank und herzliche Grüße
Bea
Mit Zitat antworten
  #9 (permalink)  
Alt 14.01.2011, 18:50
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Hallo Bea

Welche nutzt du? Die originale Lightbox?

Ein Tip --> slimbox-2.04_de.zip - File Shared from Box.net - Free Online File Storage
Dort findest du die Slimbox2, komplett auf deutsch (mit Buttons).
Ist ein Klon, läuft mit jquery. Vorteil: ein script file weniger.

Zu deinem Button: der lightbox.css Pfad ist anders --> prüf das mal.
Zur Übersetzung: im lightbox.js nach der passenden Stelle suchen.
EDIT: bei slimbox heisst das --> counterText

Alternative: die o.g. Slimbox nehmen.
Dazu kann ich dir die config Tips geben.

Gruß Manfred

Geändert von Manfred62 (14.01.2011 um 18:53 Uhr) Grund: Edit ergänzt
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 14.01.2011, 19:10
bea bea ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.02.2004
Beiträge: 41
bea befindet sich auf einem aufstrebenden Ast
Standard

Hallo Manfred, nun hab ich die deutsche Fassung installiert - super. Aber der Button schliessen bei "Die Lage" ist immer noch nicht sichtbar? Der css datei Pfad ist eigentlich richtig
Herzlichen Gruß
Bea
__________________
Vielen Dank und herzliche Grüße
Bea
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bildergalerie in Liste oder Div packen? schogette CSS 11 10.08.2009 13:39
hasLayout Problem mit "Ulles" hover Bildergalerie regioprint CSS 7 17.03.2008 11:45
Probleme mit Bildergalerie Lili0312 Site- und Layoutcheck 3 03.03.2007 15:35
erstes bild direkt anzeigen --> bildergalerie las CSS 9 21.07.2006 16:57
Formatierung einer Bildergalerie picco CSS 0 12.07.2005 13:42


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:30 Uhr.