Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Lightbox Album über weiteren Link öffnen

Frage Entwicklung HTML

Mitglied: MisterJinx

MisterJinx (Level 1) - Jetzt verbinden

09.04.2009, aktualisiert 14:39 Uhr, 5403 Aufrufe, 1 Kommentar

Tagchen

Ich habe auf meiner Webseite eine Bildergalerie mit Lightbox2 eingerichtet, funktioniert soweit auch alles bestens.
Nun möchte ich aber neben der Galerie noch eine Liste für die verschiedenen Alben (man kann Bilder bei Lightbox ja einem Album zuweisen), bei anklicken eines Links soll dann das entsprechende Album geöffnet werden.

Eine erste Variante habe ich natürlich, ich mache einen normalen a href mit lightbox-rel auf das erste Bild eines Albums. Dummerweise wird dann dieses Bild durch den Link nochmals zum Album hinzugefügt und dann kommt es zwei mal darin vor.

Könnt ihr mir sagen, wie ich durch den Link einfach das Album an sich öffnen kann ohne ein Bild nennen zu müssen?

Bisheriger Code:

01.
<div class="galery-list"> 
02.
         <ul> 
03.
                         <li><a href="pic1.jpg" rel="lightbox[float]" title="Sonstiges">Beispielbilder</a></li> 
04.
         </ul> 
05.
</div> 
06.
<div id="content"> 
07.
         <div class="galery-float"> 
08.
                         <a href="pic1.jpg" rel="lightbox[float]" title="1"><img src="pic1.jpg"></a> 
09.
                         <a href="pic2.jpg" rel="lightbox[float]" title="2"><img src="pic2.jpg"></a> 
10.
                         <a href="pic3.jpg" rel="lightbox[float]" title="3"><img src="pic3.jpg"></a> 
11.
                         <a href="pic4.jpg" rel="lightbox[float]" title="4"><img src="spic4.jpg"></a> 
12.
                         <a href="pic5.jpg" rel="lightbox[float]" title="5"><img src="pic5.jpg"></a> 
13.
         </div> 
14.
</div>
Natürlich beinhaltet die Linkliste bei mir mehrere Alben, aber das reicht wohl als Beispiel.

Gruss Jinxy
Mitglied: MisterJinx
21.04.2009 um 12:08 Uhr
Problem wiefolgt gelöst:

Habe mir nun Lytebox (v3.2) geholt. Da dieses neben der normalen Bildergalerie auch eine Slideshow beinhaltet, kann man die Funktionen auf der Seite gut kombinieren.

Habe also nun Links auf der Seite die verschiedenen Bilder aufgeteilt in Alben und rechts eine Liste der Alben als Slideshow, das kommt im grossen und ganzen sehr hübsch.
Die Slideshow "füttert" man neben dem direkt verlinkten Bild mit weiteren leeren Links auf die anderen Bilder, welche dem Slideshow-Album zugewiesen werden.

01.
<div id="adds"> 
02.
                 <div class="gallery-list"> 
03.
                         <h1>Slideshow-Alben:</h1> 
04.
 
05.
                         <ul> 
06.
                                 <li><a href="imgs/header.jpg" rel="lyteshow[show]" title="Sonstiges">Beispielbilder</a></li> 
07.
                                 <a href="imgs/waterfalls.jpg" rel="lyteshow[show]" title="waterfall"></a> 
08.
                                 <a href="imgs/ganzia.jpg" rel="lyteshow[show]" title="flower"></a> 
09.
                                 <a href="imgs/step1.jpg" rel="lyteshow[show]" title="trees"></a> 
10.
 
11.
                                 <li><a href="imgs/step1.jpg" rel="lyteshow[show2]" title="Sonstiges">Beispielbilder 2</a></li> 
12.
                                 <a href="imgs/torc1.jpg" rel="lyteshow[show2]" title="torc"></a> 
13.
                                 <a href="imgs/image-1.jpg" rel="lyteshow[show2]" title="leaves"></a> 
14.
                         </ul> 
15.
                 </div> 
16.
         </div> 
17.
         <div id="content"> 
18.
         <div class="gallery"> 
19.
                 <div class="gallery-float-top"> 
20.
                         <h1>Beispielbilder</h1> 
21.
                         <a href="imgs/header.jpg" rel="lytebox[float]" title="header"><img src="thumbs/header.jpg"></a> 
22.
                         <a href="imgs/waterfalls.jpg" rel="lytebox[float]" title="waterfall"><img src="thumbs/waterfalls.jpg"></a> 
23.
                         <a href="imgs/ganzia.jpg" rel="lytebox[float]" title="flower"><img src="thumbs/ganzia.jpg"></a> 
24.
                         <a href="imgs/step1.jpg" rel="lytebox[float]" title="trees"><img src="thumbs/step1.jpg"></a> 
25.
                 </div> 
26.
                 <div class="gallery-float"> 
27.
                         <h1>Beispielbilder 2</h1> 
28.
                         <a href="imgs/step1.jpg" rel="lytebox[float2]" title="trees"><img src="thumbs/step1.jpg"></a> 
29.
                         <a href="imgs/torc1.jpg" rel="lytebox[float2]" title="torc"><img src="thumbs/torc1.jpg"></a> 
30.
                         <a href="imgs/image-1.jpg" rel="lytebox[float2]" title="leaves"><img src="thumbs/image-1.jpg"></a> 
31.
                 </div> 
32.
         </div>
Gruss Jinxy
Bitte warten ..
Neuester Wissensbeitrag
Windows 10

Sticky Notes - Autostart unterbinden

Tipp von Pedant zum Thema Windows 10 ...

Ähnliche Inhalte
Webbrowser
gelöst Websites öffnen trotz Internetverbindung nicht (1)

Frage von Daniel1997 zum Thema Webbrowser ...

Netzwerkmanagement
gelöst Cisco 300 Switch upgraden via Consolen Cable. Putty: Kann tftp client nicht öffnen (25)

Frage von M.Marz zum Thema Netzwerkmanagement ...

Outlook & Mail
Fehler beim Öffnen von Anlagen im Öffentlichen Ordnern (1)

Frage von Sinzal zum Thema Outlook & Mail ...

Heiß diskutierte Inhalte
Batch & Shell
gelöst Base64 Decode (Batch,VBS) (26)

Frage von clragon zum Thema Batch & Shell ...

Flatrates
DeutschlandLAN der Telekom - welche internen IPs? (19)

Frage von qualidat zum Thema Flatrates ...