Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen (A bis Z)

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, 5421 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 ..
Ähnliche Inhalte
Webbrowser
gelöst File Link vom Browser aus im Explorer öffnen? (2)

Frage von elemeno zum Thema Webbrowser ...

Windows 10
Link mit bestimmtem Browser öffnen (6)

Frage von Gigagnouf zum Thema Windows 10 ...

CMS
Joomla - Windows Ordner über Link öffnen (5)

Frage von gamerff zum Thema CMS ...

Webbrowser
gelöst Google Chrome - tel: links öffnen mit (5)

Frage von MegaGiga zum Thema Webbrowser ...

Neue Wissensbeiträge
Sicherheit

How I hacked hundreds of companies through their helpdesk

Information von SeaStorm zum Thema Sicherheit ...

Erkennung und -Abwehr

Ccleaner-Angriff war nur auf große Unternehmen gemünzt

(10)

Information von Lochkartenstanzer zum Thema Erkennung und -Abwehr ...

Sicherheit

Eventuell neue Lücke in Intels ME

Information von sabines zum Thema Sicherheit ...

Heiß diskutierte Inhalte
Humor (lol)
Freidach Beitrag (32)

Frage von Penny.Cilin zum Thema Humor (lol) ...

Lizenzierung
Programm soll in verschiedenen Versionen lizenziert sein (20)

Frage von Yanmai zum Thema Lizenzierung ...

Windows 7
SSD - Win7 Lags (19)

Frage von ph5555 zum Thema Windows 7 ...

Humor (lol)
Wo ist der Fehler auf dem Bild? (17)

Information von the-buccaneer zum Thema Humor (lol) ...