- Download: http://www.huddletogether.com/projects/lightbox2/
- Lade den Inhalt des Ordners images in den Ordner images des Forums.
- Lade die js/lightbox.js in den Ordner jscripts des Forums
- Erstelle ein Stylesheet in deinem Theme, das an die showthread.php und an die portal.php angeheftet wird und nenne es "lighbox.css".
Inhalt:Code:#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } - Template "showthread":
Füge nach:
das ein:Code:<script type="text/javascript" src="jscripts/thread.js?ver=1400"></script>
Code:<script type="text/javascript" src="jscripts/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="jscripts/lightbox.js?ver=1400"></script> - Template "portal":
Füge nach:
das ein:Code:{$header}
Code:<script type="text/javascript" src="jscripts/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="jscripts/lightbox.js?ver=1400"></script> - Template "postbit_attachments_thumbnails_thumbnail"
Ersetze durch:
Code:<a href="attachment.php?aid={$attachment['aid']}" target="_blank" rel="lightbox[post_{$post['pid']}]"><img src="attachment.php?thumbnail={$attachment['aid']}" class="attachment" alt="" /></a>
Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)
Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Lightbox 2-Einbau
|
13.09.2008, 17:24
danke, hab dich in meinem updatethreat honoriert und verlinkt
![]()
15.09.2008, 16:28
Super !!!
Vielen Dank Dragon ![]() Hätte da gleich noch eine Frage, denke es passt hier her. Wenn jemand ein Bild mittels: [img]BILD[/img] Tag einfügt. Ist es möglich das nur ein Thumbnail angezeigt wird und bei klick auf das dieses, wird es ebenfalls in der "Lightbox" geöffnet ? Ich weiss nur es gab mal ein sehr gutes Plugin mit namen "ImageResizer", dieses hatte aber keine "Lightbox" unterstützung ! Dieses sehr gute Plugin funktioniert leider schon lange nicht mehr (nicht weiter entwickelt). ![]() Wäre echt Nice wenn jemand sowas zur hand hätte oder mir sagen könnte wo ich sowas ähnliches finde. MFG DaStaFlexX
15.09.2008, 17:57
Dazu müsste man Dateien verändern, weshalb ich darauf verzichtet habe.
15.09.2008, 18:56
Super Anleitung - Danke!
Nur eine Frage, normalerweise verfärbt sich der Hintergrund schwarz, bei mir nicht. Wie kann man dieses einstellen
15.09.2008, 20:10
(15.09.2008, 16:28)DaStaFlexX schrieb: ... Dieses sehr gute Plugin funktioniert leider schon lange nicht mehr (nicht weiter entwickelt) ... http://mods.mybboard.net/view/image-resizer-&-optimizer The User, Formerly Known As "En-Gedi"
15.09.2008, 20:38
(15.09.2008, 20:10)En-Gedi schrieb:Guten Abend(15.09.2008, 16:28)DaStaFlexX schrieb: ... Dieses sehr gute Plugin funktioniert leider schon lange nicht mehr (nicht weiter entwickelt) ... ![]() Danke En-Gedi für die schnelle Antwort. Ich werde mir das mal angucken ! Aber eigentlich habe ich folgendes Plugin von Cipher gemeint: http://mods.mybboard.net/archive/view/image-resizer Das funktionierte leider nur noch mit den Anfangs Versionen von MyBB 1.2.x ! Last Updated: 24th September 2006 :undecided: (lol... ist 2 jahre her) ![]() Da würd ich wohl in die Luft gehen vor Freude ! ...Ne jetzt mal ohne Flax und Krümel ![]() Der Autor hat wohl eh keine intresse mehr daran (leider). Ist es möglich das alte Plugin für MyBB 1.4.1 wieder auf die Beine zu stellen ? MFG DaStaFlexX
Das von mir verlinkte Plugin IST die Weiterentwicklung für MyBB 1.4 von Ciphers 1.2er Version!
Siehe dazu auch: https://www.mybb.de/forum/thread-20632.html The User, Formerly Known As "En-Gedi"
15.09.2008, 22:50
(Dieser Beitrag wurde zuletzt bearbeitet: 15.09.2008, 23:09 von DaStaFlexX.)
Oh, das sind ja gute Neuigkeiten
![]() Wunderbar, muss ich direkt ma testen ! Vielen Dank En-Gedi für deine Mühe ![]() grüsse DaStaFlexX *EDIT* Klappt wunderbar ! Nur etwas stört mich ein wenig, warum werden die Bilder in der Shoutbox nicht verkleinert ? Ist ja auch ein [img]BILD[/img] Tag ! Kann man das vielleicht noch optimieren ?
16.09.2008, 00:52
Kann man bestimmt auch optimieren. Ich vermute, dass da irgendwo was in einer Datei der Shoutbox geändert werden muss. Aber da muss jemand anderes ran ... mit dem Thema "Shoutbox" habe ich mich noch nie beschäftigt.
The User, Formerly Known As "En-Gedi" |
|
Möglicherweise verwandte Themen… | |||||
Thema | Verfasser | Antworten | Ansichten | Letzter Beitrag | |
Lightbox für 1.8 | bwlures | 3 | 2.152 |
12.06.2017, 20:05 Letzter Beitrag: Jockl |
|
Lightbox in Portal verwenden | Vespa | 8 | 2.680 |
15.04.2017, 20:18 Letzter Beitrag: Vespa |
|
FancyZoom für MyBB (weil Lightbox ja blöd ist^^) | querschlaeger | 12 | 5.749 |
23.06.2013, 10:59 Letzter Beitrag: Yessie |
|
Lightbox und ezGallery ? | RedBull | 1 | 2.002 |
01.07.2011, 21:21 Letzter Beitrag: Robby125 |
|
![]() |
Lightbox benutzen um Thumbnails (angehängte Bilder) zu öffnen! | querschlaeger | 14 | 9.777 |
16.11.2010, 23:05 Letzter Beitrag: Manni |
Foren-Team |
Kontakt | MyBB.de | Nach oben | Archiv-Modus | Alle Foren als gelesen markieren | RSS-Synchronisation | Zur mobilen Ansicht