Ich habe die Lightbox 2 installiert und möchte dass diese auf unserere HP "http://ff-persenbeug.at/" in der normalen Gallery auch funktioniert.
Hab einstweilen den Tiltviewer installiert bin aber nicht wirklich happy mit dieser abhilfe...
Die Installierte Lightbox funktioniert in den News und in der Usergallery.
Gibt es keine Möglichkeit diese in der normalen Gallery einzubauen ?
Gibt es evtl. eine Alternative zur Lightbos welche in der Gallery funktioniert ?
Bin für alles offen und die Freiwilligen werden es euch Danken !!!
Grüße
Erdapfal
verwendete ilchClan Version: 1.1 P
betroffene Homepage: externer Link[/url]
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Lightbox 2 in der Gallery HILFE!!
| Geschlossen | ||
-
Sa. 01.06.2013
17:50 Uhr
#1
- Registriert seit
- 31.12.2011
- Beiträge
- 15
- Beitragswertungen
-
So. 02.06.2013
16:15 Uhr
#2
- Registriert seit
- 02.06.2013
- Beiträge
- 196
- Beitragswertungen
Wenn du die Lightbox wie hier beschrieben ( www.highrise-gfx.de/articles-show-A7.html )
ohne oder mit BBcode funktion hochgeladen hast, musst du einfach nur in deiner gallery.htm ?
Die ist in: include/templates/gallery.htm
<a href="index.php?gallery-showOrig-{id}-{endung}" onClick="return openWindow();" target="_blank">
durch:
<a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox">
ersetzten...
MFG
FightClub
Zuletzt modifiziert von FightClub am 02.06.2013 - 16:19:16 -
So. 02.06.2013
18:10 Uhr
#3
- Registriert seit
- 31.12.2011
- Beiträge
- 15
- Beitragswertungen
Hi fightclub,
der von dir beschriebene Link ist leider tot....
die Zeile von dir beschrieben existiert nicht.
Stattdessen heist die nun <a href="index.php?gallery-show-{cat}-p{bildr}" onClick="return oeffneFenster({bildr},{cat});" target="_blank">
Hab diese ersetzt und nun öffnet sich die Light box.
Soweit besten Dank hast mir sehr geholfen.
Gibt es noch die Möglichkeit in der Lightbox zu blättern ?
Grüe
Erdapfal -
So. 02.06.2013
19:32 Uhr
#4
- Registriert seit
- 02.06.2013
- Beiträge
- 196
- Beitragswertungen
include/templates/gallery.htm
<a href="index.php?gallery-show-{cat}-p{bildr}" onClick="return oeffneFenster({bildr},{cat});" target="_blank">
durch:
<a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox[rundreise]">
ersetzten...
Und zuletzt nonch in den <head>-Tag folgendes einfügen (natürlich die Pfade anpassen):
<link rel="stylesheet" href="include/includes/css_lightbox/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="include/includes/js_lightbox/jquery.smooth-scroll.min.js"></script>
<script type="text/javascript" src="include/includes/js_lightbox/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="include/includes/js_lightbox/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="include/includes/js_lightbox/lightbox.js"></script>
MFG
FightClub
Zuletzt modifiziert von FightClub am 04.10.2014 - 23:40:15 -
Mo. 03.06.2013
14:16 Uhr
#5
- Registriert seit
- 31.12.2011
- Beiträge
- 15
- Beitragswertungen
Funktioniert soweit.
Besten Dank !!! -
So. 16.06.2013
20:48 Uhr
#6
- Registriert seit
- 24.10.2012
- Beiträge
- 57
- Beitragswertungen
Danke funktioniert Super.
Kann man irgendwo einstellen, das die bilder skaliert werden auf z.B. 95% vom Browserfenster? Also so, das man nicht Scrollen muss.
MFG
Monster -
So. 16.06.2013
21:19 Uhr
#7
- Registriert seit
- 20.03.2013
- Beiträge
- 404
- Beitragswertungen
Wenn es nicht unbedingt die Origonal Lightbox sein
muss hätte ich da eine Empfehlung...
Ich benutze die Shadowbox, skaliert super mit dem
Browser Fenster und ist 100% Lightbox kompatibel.
Soll heißen das Du nirgends rel=lightbox ersetzen musst.
Einfach anstelle der lightbox.js die shadowbox.js und
shadowbox.css laden.
Zuletzt modifiziert von Jens238 am 16.06.2013 - 21:29:02 -
So. 16.06.2013
23:03 Uhr
#8
- Registriert seit
- 24.10.2012
- Beiträge
- 57
- Beitragswertungen
Jo, wäre super. Solange es das gleiche macht^^ -
So. 16.06.2013
23:49 Uhr
#9
- Registriert seit
- 20.03.2013
- Beiträge
- 404
- Beitragswertungen
Ich rudere mal kurz zurück...
So ganz 100% stimmt nicht, Um in der Gallerie die Bilder
in der Shadowbox durzublättern habe ich rel="lightbox[{cname}]"
gegen rel="shadowbox[{cname}]" ersetzt.
So schaut die Shadowbox dann bei mir aus.
-
Mo. 17.06.2013
07:50 Uhr
#10
- Registriert seit
- 24.10.2012
- Beiträge
- 57
- Beitragswertungen
Sieht Gut aus. Könntest du mir den Code bitte schicken. -
Mo. 17.06.2013
11:22 Uhr
#11
- Registriert seit
- 20.03.2013
- Beiträge
- 404
- Beitragswertungen
Hier meine gallery.htm
{EXPLODE} <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3"> <tr class="Chead"> <td width="15%" align="center"> </td> <td width="70%" align="center"><b>{_lang_category}</b></td> <td width="15%" align="center">{_lang_pictures}</td> </tr> {EXPLODE} <tr class="{class}"> <td align="center" valign="middle"><a href="index.php?gallery-{id}"><img src="include/images/gallery/kat/{name}.png" width="80" height="80" onError="this.src='include/images/downkat/nokat.png';" width="80" height="80" alt="Kein Kategoribild vorhanden" /></td> <td><a href="index.php?gallery-{id}"> {name}</a><br /><span class="smalfont"> » {besch}</span></td> <td align="center">{gallery}</td> </tr> {EXPLODE} </table> <br /><br /> {EXPLODE} <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3"> <tr class="Chead"> <td colspan="{imgperline}" align="center"><b>{cname}</b></td> </tr> {EXPLODE} <td class="{class}" width="{width}%" valign="top" align="center"> <table class="border" border="0" cellspacing="1" cellpadding="0"> <tr> <td><a href="include/images/gallery/img_{id}.{endung}" rel="shadowbox[{cname}]" title="{besch}"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title=" " /></a></td> </tr> </table> </td> {EXPLODE} </tr> </table> <center>{MPL}</center>
Das steht in meiner index.htm
<link rel="stylesheet" href="/include/includes/js/shadowbox/shadowbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="include/includes/shadowbox/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="include/includes/js/shadowbox/shadowbox.js"></script>
-
Mo. 17.06.2013
16:18 Uhr
#12
- Registriert seit
- 24.10.2012
- Beiträge
- 57
- Beitragswertungen
Es funktioniert bei mir nicht.... und du müsstest mir noch die Dateien geben, die du in die index.htm geschrieben hast. -
Mo. 17.06.2013
16:45 Uhr
#13
- Registriert seit
- 20.03.2013
- Beiträge
- 404
- Beitragswertungen
Die musst Du Dir doch nur runterladen...
jquery.com/download/
externer Link
Beim Shadowbox Download als Adapter Jquery und die
Module die Du brauchst wählen.
Auf der Jquery Download Seite, ganz unten gibt es
noch die "älten" Jquery libraries.
Ich verwende 1.7.2.min.js
In Deiner Index.htm oben zwischen <head> </head> dann nur
noch die libaries laden:
<link rel="stylesheet" href="/include/includes/js/shadowbox/shadowbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="include/includes/shadowbox/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="include/includes/js/shadowbox/shadowbox.js"></script> -
Mo. 17.06.2013
18:32 Uhr
#14
- Registriert seit
- 24.10.2012
- Beiträge
- 57
- Beitragswertungen
ich habs jetzt hinbekommen.... Es muss noch in den <head>
<script type="text/javascript">
Shadowbox.init();
</script>
dann funktioniert es
Aber danke für deine Hilfe -
Mo. 17.06.2013
19:26 Uhr
#15
- Registriert seit
- 20.03.2013
- Beiträge
- 404
- Beitragswertungen
Ups...Das hab ich wohl vergessen mit zu kopieren
-
Hallo.
Ich versuche nun seit 3 Tagen die Lightbox2 in meiner Gallery zum laufen zu bekommen ... leider ohne Erfolg. Dazu muss ich jedoch sagen, ich bin ein absoluter Neuling
Evtl. kann mir jemand helfen, denn ich weis nicht was ich falsch mache.
in die Index.htm habe ich folgendes eingetragen:
<link rel="stylesheet" href="include/includes/css_lightbox/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="include/includes/js_lightbox/jquery.smooth-scroll.min.js"></script> <script type="text/javascript" src="include/includes/js_lightbox/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="include/includes/js_lightbox/jquery-ui-1.8.18.custom.min.js"></script> <script type="text/javascript" src="include/includes/js_lightbox/lightbox.js"></script>
in die gallery.htm:
<a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox[rundreise]"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title=" " /></a></td> </tr>
Die Pfade habe ich überprüft und müßten stimmen. Dennoch scheint was zu fehlen oder nicht richtig zu sein.
Meine Testseite: externer Link
Einen herzlichen Dank schon mal im voraus.
Zuletzt modifiziert von LocK3 am 18.01.2014 - 14:11:23 -
Sa. 18.01.2014
14:15 Uhr
#17
- Registriert seit
- 07.08.2008
- Beiträge
- 3.003
- Beitragswertungen
Hättest du mal einen Link zum download der Ligthbox? -
Ja sicher...bitteschön lokeshdhakar.com/projects/lightbox2/
-
Sa. 18.01.2014
14:33 Uhr
#19
- Registriert seit
- 07.08.2008
- Beiträge
- 3.003
- Beitragswertungen
Das ist aber nicht die lightbox die du versuchst einzubinden?! -
oh ja stimmt...ich bin schon komplett durcheinander gekommen. Großes Sorry. Ich werde mal alles wieder auf der urzustand zurückstellen und das ganze ein weiteres mal mit der lightbox2.6 aus dem Link probieren. Ich melde mich gleich nochmal...
Auf ein neues...jetzt ist die Lightbox zu sehen auf der startseite oben links...leider jedoch nicht in der gallery. Bestimmt habe ich da was falsch verlinkt oder eingegeben oder vergessen..."verzweifeltbin"
Zuletzt modifiziert von LocK3 am 18.01.2014 - 15:32:26 -
ich habe die in die index geschrieben, bin mir aber nicht sicher ob das stimmt?!?
<a href="include/images/gallery/img_1.png" data-lightbox="roadtrip">image #1</a> <a href="include/images/gallery/img_2.png" data-lightbox="roadtrip">image #2</a>
-
Sa. 18.01.2014
15:40 Uhr
#22
- Registriert seit
- 07.08.2008
- Beiträge
- 3.003
- Beitragswertungen
Nein das kannst du wieder entfernen. Wie schaut deine gallery.htm den aus, hast du die auch angepasst? -
oki ist entfernt. Und das wäre die gallery.htm
{EXPLODE} <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3"> <tr class="Chead"> <td width="80%" align="center"><b>{_lang_category}</b></td> <td width="20%" align="center">{_lang_pictures}</td> </tr> {EXPLODE} <tr class="{class}"> <td><a href="index.php?gallery-{id}">{name}</a><br /><span class="smalfont">» {besch}</span></td> <td align="center">{gallery}</td> </tr> {EXPLODE} </table> <br /><br /> {EXPLODE} <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3"> <tr class="Chead"> <td colspan="{imgperline}" align="center"><b>{cname}</b></td> </tr> {EXPLODE} <td class="{class}" width="{width}%" valign="top" align="center"> <div onmouseover="hiddpos('infodiv{id}')" class="layer" id="infodiv{id}" style="position:absolute; top:50px; left:50px; display:none; width:200px; height:200px;"> <table width="100%" class="border" border="0" cellspacing="1" cellpadding="4"> <tr> <td class="{class}" align="left"> <strong>{_lang_filename}:</strong> {datei_name} <br /><strong>{_lang_seen}:</strong> {klicks} <br /><strong>{_lang_voting}:</strong> {vote_wertung} <br /><strong>{_lang_comments}:</strong> {anz_koms} <br /><strong>{_lang_desc}:</strong> {besch} </td> </tr> </table> </div> <table class="border" border="0" cellspacing="1" cellpadding="0"> <tr> <td onmouseout="hiddpos('infodiv{id}')" onmouseover="alertpos('infodiv{id}')"><a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox[rundreise]"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title=" " /></a></td> </tr> </table> </td> {EXPLODE} </tr> </table> <center>{MPL}</center> <script language="JavaScript" type="text/javascript"> <!-- function oeffneFenster (bildr, cat) { var fenster = window.open ('index.php?gallery-show-'+cat+'-p'+bildr,'showBild','scrollbars=yes,height=600,width={breite},left=200,status=yes,resizable=yes'); fenster.focus(); return (false); } // manage div ... document.onmousemove = checkPosition; function checkPosition(e) { if(document.all) { mausX = event.clientX + document.body.scrollLeft; mausY = event.clientY + document.body.scrollTop; } else { mausX = e.pageX; mausY = e.pageY; } } function alertpos(dname) { if (document.layers) { document.layers[0].left = mausX; document.layers[0].top = mausY; } else if (document.getElementById) { document.getElementById(dname).style.left = mausX + "px"; document.getElementById(dname).style.top = mausY + "px"; } document.getElementById(dname).style.display = "inline"; } function hiddpos(dname) { document.getElementById(dname).style.display = "none"; } //--> </script>
hab da nur dies geändert<a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox[rundreise]"><img src="include/images/gallery/img_thumb_{id}.{endung} -
Sa. 18.01.2014
15:52 Uhr
#24
- Registriert seit
- 07.08.2008
- Beiträge
- 3.003
- Beitragswertungen
ändere mal
<a href="include/images/gallery/img_norm_{id}.{endung}" rel="lightbox[rundreise]"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title=" " /></a></td> </tr>
in
<a href="include/images/gallery/img_norm_{id}.{endung}" data-lightbox="roadtrip"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title=" " /></a></td> </tr> -
Danke, ich habs geändert...leider ohne den gewünschten Erfolg.
-
Sa. 18.01.2014
16:06 Uhr
#26
- Registriert seit
- 07.08.2008
- Beiträge
- 3.003
- Beitragswertungen
Hast eine PM. -
Sa. 18.01.2014
16:56 Uhr
#27
- Registriert seit
- 07.08.2008
- Beiträge
- 3.003
- Beitragswertungen
So sollte alles gehen, bitte mal überprüfen. -
Ich bedanke mich recht herzlich für deine Unterstützung.
-
Sa. 18.01.2014
17:11 Uhr
#29
- Registriert seit
- 07.08.2008
- Beiträge
- 3.003
- Beitragswertungen
kein Problem
| Geschlossen | ||
 |
Zurück zu Module und Modifikationen | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten