Zitat geschrieben von littlecrowbin genau nach der anleitung vorgegangen, aber nun öffnet sich das angeklickte bild im selben fenster - auf die site komme ich dann nur durch den zurückbutton?! wasn da falsch?
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Allgemein » HTML, PHP, SQL,... » Lightbox 2.0 js in der bilder gallery
| Geschlossen | ||
-
Do. 30.08.2007
11:59 Uhr
#61
NickName gelöschter UserZitat geschrieben von littlecrow
bin genau nach der anleitung vorgegangen, aber nun öffnet sich das angeklickte bild im selben fenster - auf die site komme ich dann nur durch den zurückbutton?! wasn da falsch? -
Do. 30.08.2007
12:19 Uhr
#62
- Registriert seit
- 30.04.2006
- Beiträge
- 261
- Beitragswertungen
Danke, endlich mal jemand, der dass auch so blöde gemacht hat wie ich. *G*
Danke! -
Do. 30.08.2007
14:13 Uhr
#63
- Registriert seit
- 29.08.2007
- Beiträge
- 281
- Beitragswertungen
also so schwer kann das doch nicht sein.:P
Zuletzt modifiziert von littlecrow am 30.08.2007 - 14:36:58visit: fhag-gaming.de -
Do. 30.08.2007
14:33 Uhr
#64
- Registriert seit
- 29.08.2007
- Beiträge
- 281
- Beitragswertungen
diese anleitung geht nur bei der gallery:
1.ordnerstrucktur
/images
/include/includes/js/js/
/include/includes/js/css/
2./include/templates/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} 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[roadtrip]"><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'); 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> <script type="text/javascript" src="include/includes/js/js/prototype.js"></script> <script type="text/javascript" src="include/includes/js/js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="include/includes/js/js/lightbox.js"></script> <link rel="stylesheet" href="include/includes/js/css/lightbox.css" type="text/css" media="screen" />
durch diesen code ersetzen.
3.jetzt sollte die gallery funktoniern
visit: fhag-gaming.de -
Do. 30.08.2007
14:45 Uhr
#65
- Registriert seit
- 30.04.2006
- Beiträge
- 261
- Beitragswertungen
Kanns jetzt nicht ausprobieren, mach ich wenn ich wieder zu Hause bin.
1.In der css datei, die man runtergeladen hat, muss man auch den ganzen url-pfad angeben, oder nur "/include/images"?
2.bei mir hatte es ja geklappt, also wenn man auf das Bild klickt, das man bekommt, wo man die großansicht hat und es kommentieren und bewerten kann. (Aber das ist dann das große, z große gewesen.)
Ich wollte aber dass es, wie hoffentlich bei dir, schon in der Gallery öffnet.
3.Ausserdem musste ich, als es geklappt hat, auch die lightbox.js ändern und den richtigen Pfad angeben, sonst konnte ich das close Bild nicht sehen.
(Wär nett, wenn du also das mal erklären würdest.
Danke
KArnickel -
Do. 30.08.2007
14:50 Uhr
#66
- Registriert seit
- 29.08.2007
- Beiträge
- 281
- Beitragswertungen
hallo karnickel
1.In der css datei, die man runtergeladen hat, muss man auch den ganzen url-pfad angeben, oder nur "/include/images"?
gehört url//images
url//include/includes/visit: fhag-gaming.de -
Do. 30.08.2007
14:57 Uhr
#67
- Registriert seit
- 30.04.2006
- Beiträge
- 261
- Beitragswertungen
+Zitat
Verseh ich nicht wirklich. *g*
Aber ich werd es heute Abend noch mal versuchen. Kanns du mir, falls ich es nicht schaffe, dann nochmal helfen, oder hast du heute Abend keine Zeit.
Karnickel -
Do. 30.08.2007
15:24 Uhr
#68
- Registriert seit
- 29.08.2007
- Beiträge
- 281
- Beitragswertungen
also die ornderstrucktur bei einem ftp-server:
zb.:
html/include/admin
html/include/boxes
usw.:
html/images/
oder
zb.:
www/include/admin
www/include/boxes
usw.:
www/imagesvisit: fhag-gaming.de -
Do. 30.08.2007
16:05 Uhr
#69
- Registriert seit
- 30.04.2006
- Beiträge
- 261
- Beitragswertungen
Achso, ja, der allg. Ordneraufbau ist mir schon klar. *g*
Dein "gehört" war nur etwas verwirrend
Karnickel
P.s. Ich versuchs heute NAchmittag nochmal, dann mal schauen -
Do. 30.08.2007
21:34 Uhr
#70
- Registriert seit
- 30.04.2006
- Beiträge
- 261
- Beitragswertungen
So, hab dieses Ding jetzt zum Laufen gebracht, aber irgendwie erscheint das Bild zum schließen nciht, genauso wenig wie das Loading.gif.
Woran liegt das? -
Do. 30.08.2007
22:21 Uhr
#71
- Registriert seit
- 08.02.2007
- Beiträge
- 6.558
- Beitragswertungen
die bilder falsch verlinkt? -
Do. 30.08.2007
22:30 Uhr
#72
- Registriert seit
- 29.08.2007
- Beiträge
- 281
- Beitragswertungen
Zitat geschrieben von Siggi
In der lightbox.css müsst ihr noch den Code:
Code:background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into
Code:#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; }
deine url zur imagedatein angebenbackground: transparent url(http://deinehp/images/blank.gif) no-repeat; /* Trick IE into
Zuletzt modifiziert von littlecrow am 30.08.2007 - 22:32:57visit: fhag-gaming.de -
Fr. 14.12.2007
09:22 Uhr
#73
- Registriert seit
- 25.02.2006
- Beiträge
- 427
- Beitragswertungen
Also, ich muss ja sagen schönes script, nur ist das problem das die anzeige etwas anders is als sie sein solte bei mir,das wird wohl daran liegen das wir auch nen header mit java haben. ein teil der lightbox verschwindet dahinter. wie kann ich den die position der lightbox verändern, müsste ja über die css gehen,oder? aber ich bekomms net hin. kann jmd helfen???
hier der code der css:
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #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: 100%; 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: transparent url(include/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(include/images/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(include/images/lightbox/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; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }Ich liebe es wenn ein plan funktionert!!! -
Sa. 15.12.2007
16:34 Uhr
#74
- Registriert seit
- 25.02.2006
- Beiträge
- 427
- Beitragswertungen
keiner ne idee???Ich liebe es wenn ein plan funktionert!!! -
Mi. 02.01.2008
04:14 Uhr
#75
- Registriert seit
- 22.04.2007
- Beiträge
- 118
- Beitragswertungen
Die Beschreibung funktioniert wunderbar!
Nur ist der Hintergrund und neben den Bilder nun alles blau!
Schaue hier
Was muss ich ändern damit es vom Aussehen wieder wie früher ist?
Edit: Sry ich nehme alles zurück. Ist schon richtig und war auch immer richtig;)
Zuletzt modifiziert von Neutralos am 02.01.2008 - 04:17:46 -
Mo. 03.03.2008
00:12 Uhr
#76
- Registriert seit
- 11.03.2006
- Beiträge
- 1.362
- Beitragswertungen
wo muss ich den code nochmal verändern wenn ich die lightbox auch im forum haben will...
danke euch -
Mo. 03.03.2008
10:03 Uhr
#77
- Registriert seit
- 16.06.2006
- Beiträge
- 15.334
- Beitragswertungen
Beim BBcode halt das rel einfügen, und dafür sorgen, dass die Javascript Dateien in der index.htm stehen.Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite -
Mo. 03.03.2008
15:53 Uhr
#78
- Registriert seit
- 11.03.2006
- Beiträge
- 1.362
- Beitragswertungen
danke dir mairu....
funktioniert wunderbar -
Mo. 10.03.2008
22:29 Uhr
#79
- Registriert seit
- 16.08.2007
- Beiträge
- 89
- Beitragswertungen
bei mir funktioniert das wunderbar, ich weiß nicht was ihr habt^^
ich wollte aber mal nachfragen, ob ihr das auch so basteln könnt wie bei team-prototyp.de
externer Link
unter Top Pics
das würde mich interessieren ...
mfg TD-AoD
edit: Ich hab schonmal rausgefunden das es das Script "highslide JS" ist
vikjavev.no/highslide/
vielleicht kann ja damit jemand was anfangen
Zuletzt modifiziert von TD-AoD am 10.03.2008 - 22:40:11.::. Die-Stämme .::. Mein Acc dort .::. -
Sa. 15.03.2008
12:03 Uhr
#80
- Registriert seit
- 02.03.2008
- Beiträge
- 158
- Beitragswertungen
das wäre in der tat ne feine lösung, da man alles in einem hätte..
bei mir funktionieren derzeit die "prev" + "next" button nicht. bzw sie werden einfach nicht angezeigt.
habs schon mehrfach versucht den link zu den bildern zu verändern (also in der lightbox.css) nur da tut sich leider nix..
müssen die bilder vieleicht nochmals neu hochgeladen werden, damit die angezeigt werden? bzw bemerkt wird das eine ganze gallery ist und nicht nur ein einzelbild? -
Di. 18.03.2008
17:25 Uhr
#81
- Registriert seit
- 02.03.2008
- Beiträge
- 158
- Beitragswertungen
habe nun noch ein weiteres problem bemerkt, vieleicht weiss da jemand bescheid.
wenn ich mit FF die Seite öffne, bzw ein Bild -per lightbox- öffne, dann ist dieses etwas deplatziert angezeigt.. sprich nicht mittig und vorallem liegt die untere leiste mit dem "closbutton" hinter der grafik bzw dem angezeigten bild..
das dürfte doch an sich nicht sein. hat da noch wer das problem, bzw eine lösung für? hab über die sufu nichts gefunden. was mich an sich wundert, wenn es unter FF nicht laufen würde... -
Mi. 19.03.2008
01:33 Uhr
#82
- Registriert seit
- 16.08.2007
- Beiträge
- 89
- Beitragswertungen
das problem hatte ich auch, du hast zuviel in css rumgebastelt
mach das geänderte rückgängig oder installiere das modul neu.::. Die-Stämme .::. Mein Acc dort .::. -
Mi. 19.03.2008
08:14 Uhr
#83
- Registriert seit
- 16.06.2006
- Beiträge
- 15.334
- Beitragswertungen
Wegen dem TopPics, frag doch mal nett bei dem Clan nach?Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite -
Mi. 19.03.2008
18:39 Uhr
#84
- Registriert seit
- 02.03.2008
- Beiträge
- 158
- Beitragswertungen
Zitat geschrieben von TD-AoD
das problem hatte ich auch, du hast zuviel in css rumgebastelt
mach das geänderte rückgängig oder installiere das modul neu
das einzige was ich geändert habe, war die pfadangabe zu den "next" und "prev" buttons... aber selbst die funktionieren nicht. sonst hab ich garnix geändert, das wundert mich.. aber ich versuche es mal.
-
Fr. 21.03.2008
23:10 Uhr
#85
- Registriert seit
- 02.03.2008
- Beiträge
- 158
- Beitragswertungen
habs nochmal probiert... leide rkeine veränderung. im IE klappts.. im FF zeigt er die bilder dann wie bisher anders an..bzw die "close" leiste liegt auf mittlerer höhe hinter dem bild... -
Sa. 22.03.2008
18:16 Uhr
#86
- Registriert seit
- 16.08.2007
- Beiträge
- 89
- Beitragswertungen
wenn du die css änderst musst du aber auch den cache des FF löschen, sonst gibt es keine veränderung.::. Die-Stämme .::. Mein Acc dort .::. -
Sa. 22.03.2008
18:43 Uhr
#87
- Registriert seit
- 02.03.2008
- Beiträge
- 158
- Beitragswertungen
Zitat geschrieben von TD-AoD
jo schon klar, hab ich auch gemacht...:( -
Sa. 22.03.2008
18:54 Uhr
#88
- Registriert seit
- 16.08.2007
- Beiträge
- 89
- Beitragswertungen
mhhh,
sorry aber dann hab leider keine Idee mehr.
ich hatte alles was ich geändert hatte, rückgangig gemacht und schon wars gut.
ich weiß leider nicht was du falsch machst....::. Die-Stämme .::. Mein Acc dort .::. -
Sa. 22.03.2008
19:10 Uhr
#89
- Registriert seit
- 16.08.2007
- Beiträge
- 89
- Beitragswertungen
bei mir läd er deine seite nicht -.-
bist du sicher das die angabe von dir stimmt:
mikebdn.mi.funpic.de/multifunclan/index.php/include/includes/js/lightbox/css/lightbox.css
ich würde es ja gern überprüfen, aber deine Seite will nicht ....::. Die-Stämme .::. Mein Acc dort .::. -
Sa. 22.03.2008
19:11 Uhr
#90
- Registriert seit
- 16.08.2007
- Beiträge
- 89
- Beitragswertungen
nein ... die angabe stimmt nicht ...
überprüfe den pfad der css.::. Die-Stämme .::. Mein Acc dort .::.
| Geschlossen | ||
 |
Zurück zu HTML, PHP, SQL,... | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten