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, 5398 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
Windows Server
gelöst CA lässt sich nicht öffnen (4)

Frage von bbdtek zum Thema Windows Server ...

Microsoft Office
XLSM zu risikoreich zum öffnen?! (2)

Frage von bonecyco zum Thema Microsoft Office ...

Notebook & Zubehör
gelöst Öffnen eines Acer Aspire 7739 (2)

Frage von Thorgeon zum Thema Notebook & Zubehör ...

Visual Studio
Datei aus dem Web mit VisualBasic 6 öffnen (9)

Frage von SarekHL zum Thema Visual Studio ...

Heiß diskutierte Inhalte
Verschlüsselung & Zertifikate
gelöst Festplattenverschlüsselung im Ausland (13)

Frage von Nicolaas zum Thema Verschlüsselung & Zertifikate ...

Festplatten, SSD, Raid
gelöst Fehlerhafte Blöcke im RAID 10 (12)

Frage von Kojak-LE zum Thema Festplatten, SSD, Raid ...

Windows Server
gelöst Microsoft-Lizenz CALs und passendes Server-Betriebssystem (12)

Frage von planetIT2016 zum Thema Windows Server ...

Netzwerkgrundlagen
gelöst Cisco SG500 Series LAG hat sich von selbst umgestellt (11)

Frage von Ex0r2k16 zum Thema Netzwerkgrundlagen ...