|
|||
Scrollbar und Lightbox im selben Dokument, geht das???
Hallo,
bin noch recht bescheidener Anfänger und versuche gerade bei einer Website ein Srollbalken der mittels jQuery erzeugt wurde und eine Lightbox in ein HTML Dokument einzufügen. Das Problem ist, das die Elemente, wenn sie einzeln im Dokument sind, sehr gut funktionieren. Nur sobald sie im selben Dokument sind funktioniert die Lightbox nicht mehr so wie sie sollte. Ich vermute, dass das Problem im head-Bereich liegt, deswegen auch erstmal nur der HTML-Code, falls es daran nicht liegen sollte poste ich das CSS oder JS nachträglich. Mag sein, dass es eine ganz einfache Lösung gibt. Aber bis jetzt bin ich noch nicht darauf gekommen. Danke schonmal für eure Antworten. Stefan Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>xyz</title> <link href="praxis.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="lightbox.js"></script> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.ui.js"></script> <link rel="stylesheet" type="text/css" href="jquery.ui.css" /> <script type="text/javascript" src="jquery.mousewheel.js"></script> <script type="text/javascript" src="scroll.js"></script> </head> <body> <div id="boxPage"> <div id="boxContent"> <div id="boxNavi"> <div id="boxLogo"></div> <div id="boxTopnavi"> <a class="menu1" href="index.html"></a> <a class="menu2" href="leistungen.html"></a> <a class="menu3" href="anfahrt.html"></a></div> <div id="boxLogo3">Facharzt für Allgemeinmedizin • Regress- und Abrechnungsberatung</div> </div> <div id="boxRight"><p><em><strong>Praxis-Sprechzeiten</strong></em><br /><br /> Montag bis Freitag<br />8:00 - 12:00 Uhr<br /><br />Montag<br />16:00 - 18:00 Uhr<br /><br />Dienstag / Donnerstag<br />16:00 - 19:00 Uhr<br /><br /><br /><em><strong>Adresse</strong></em><br /><br />abcd123<br />xxxxx yyyyyy<br /><br />Tel. 0 11 11 / 1 11 11<br />Fax 0 11 11 / 11 11</p><br /><br /> <em><a class="menu" href="http://www.apo110.de/" target="_blank">Apotheken-Notdienst</a></em><br /><br /> <em><a class="menu" href="http://www.gesundheitsnetz-deutschland.de/Aerztlicher-Notdienst-Sigmaringen-Aerzte-CstID-11625.html" target="_blank">Praxis-Notdienst</a></em><br /><br /> <em><a class="menu" href="impressum.xml">Impressum</a></em></div> <div id="boxTxt"> <h1><em>Praxis</em></h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> <div id="scrollbar"></div> <a href="Bild1.png" rel="lightbox{xyz}" title="Zum Vergrößern anklicken"><img src="thumb1.png" style="width:250px; height:200px; border:none; margin-left:55px; margin-top: 0px" alt="Bild1"/></a> <a href="Bild2.png" rel="lightbox{xyz}" title="Zum Vergrößern anklicken"><img src="thumb2.png" style="width:250px; height:200px; border:none; margin-left:-75px; margin-top: 0px" alt="Bild2"/></a> <a href="Bild3.png" rel="lightbox{xyz}" title="Zum Vergrößern anklicken"><img src="thumb3.png" style="width:250px; height:200px; border:none; margin-left:-75px; margin-top: 0px" alt="Bild3"/></a> <a href="Bild4.png" rel="lightbox{xyz}" title="Zum Vergrößern anklicken"><img src="thumb4.png" style="width:250px; height:200px; border:none; margin-left:-75px; margin-top: 0px" alt="Bild4"/></a> <div class="clear"></div> </div> </div> </body> </html> Geändert von stefan_1 (14.03.2010 um 23:09 Uhr) |
Sponsored Links |
|
||||
Anstelle auf zwei verschiedene Skripte und JS-Frameworks zu setzen, wieso nutzt du nicht einfach eine jQuery Lightbox?
Slimbox 2, the ultimate lightweight Lightbox clone for jQuery · digitalia.be
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
|||
Hallo und Danke für die Antwort, das sind gerade so meine ersten "Gehversuche" mit JS, aber rein intuitiv dachte ich mir auch schon, dass es daran liegen könnte weil eben beide Elemente aus verschiedenen Entwicklungsumgebungen stammen und sich auch deswegen gegenseitig stören.
Eigentlich funktionieren beide Elemente ja auch nur wenn ich bei den Thumbnails klicke geht, statt dem neuen zentrierten Window mit schwarz abgesoftetem Hintergrund, einfach ein neuer Tab im Browser auf, wo das Bild dann links oben in der Ecke steht. Werde das jetzt mal mit der Slimbox ausprobieren. Danke für deine Hilfe. |
|
||||
Gratuliere
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Intensive Scrollbar Probleme! | Jerry0022 | CSS | 1 | 17.06.2011 18:38 |
jcarousel + jquery lightbox plugin | Thorolf | Javascript & Ajax | 0 | 23.02.2011 13:18 |
Lightbox nur über Button verlassen | maeck | Javascript & Ajax | 8 | 14.05.2009 23:16 |
Lightbox mit zweiter CSS Datei funktioniert nicht | T4ke | CSS | 12 | 11.12.2007 19:20 |
Lightbox 2 wie Lightbox 1 öffnen | .wired | Javascript & Ajax | 3 | 31.10.2007 22:35 |