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, 5413 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
HTML
Link aus Iframe in neuem Tab öffnen (5)

Frage von frank1983 zum Thema HTML ...

Microsoft Office
Outlook 2016 Fehler Link einfügen

Frage von Florian86 zum Thema Microsoft Office ...

Windows Userverwaltung
gelöst Server 2012 R2 Active Directory über den Webbrowser öffnen (4)

Frage von blackhawk17 zum Thema Windows Userverwaltung ...

Neue Wissensbeiträge
Windows 10

Windows 8.x oder 10 Lizenz-Key aus dem ROM auslesen mit Linux

(6)

Tipp von Lochkartenstanzer zum Thema Windows 10 ...

Tipps & Tricks

Wie Hackt man sich am besten in ein Computernetzwerk ein

(38)

Erfahrungsbericht von Herbrich19 zum Thema Tipps & Tricks ...

Heiß diskutierte Inhalte
Festplatten, SSD, Raid
POS Hardware und alternativen zu Raid 1? (21)

Frage von Brotkasten zum Thema Festplatten, SSD, Raid ...

Viren und Trojaner
Verschlüsselungstrojaner simulieren (18)

Frage von AlbertMinrich zum Thema Viren und Trojaner ...

Windows 10
Windows 10 Home "Netzlaufwerk nicht bereit" (17)

Frage von Oggy01 zum Thema Windows 10 ...

Exchange Server
Exchange Postfach leeren - nicht löschen (10)

Frage von AndreasOC zum Thema Exchange Server ...