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, 5430 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
Windows Update

Novemberpatches und Nadeldrucker bereiten Kopfschmerzen

(14)

Tipp von MettGurke zum Thema Windows Update ...

Windows 10

Abhilfe für Abstürze von CDPUsersvc auf Win10 1607 und 2016 1607

(7)

Tipp von DerWoWusste zum Thema Windows 10 ...

RedHat, CentOS, Fedora

Fedora 27 ist verfügbar

Information von Frank zum Thema RedHat, CentOS, Fedora ...

Heiß diskutierte Inhalte
Server
Bilder aus dem Web mit CSV runterladen (30)

Frage von Yannosch zum Thema Server ...

Windows Update
WSUS 4 (Server 2012 R2) - Windows 10 Updates nicht möglich (12)

Frage von c0d3.r3d zum Thema Windows Update ...

Windows Userverwaltung
gelöst Administrator hat alle Rechte verloren (10)

Frage von mrdead zum Thema Windows Userverwaltung ...