habe die Fancybox installiert und eigentlich alles laut Anweisung gemacht.
In der PicOfX-Box wird die Fancybox angezeigt.
In der Gallery allerdings, wird beim Öffnen eines Bildes eine neue Seite gezeigt.
Script ist aktuell und BBCode 2.0 ist installiert.
Ich habe keine Ahnung was ich falsch mache und hoffe auf Hilfe...
THX und Guten Rutsch!
externer Link
Die Index.htm:
<!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" dir="ltr" lang="de" xml:lang="de"> <head> <link rel="shortcut icon" href="http://www.gmr2.de/include/images/favicon.ico"/> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>{TITLE}</title> <script type="text/javascript" src="../include/designs/natural/script.js"></script> <link rel="stylesheet" href="../include/designs/natural/style.css" type="text/css" media="screen" /> <!--[if IE 6]> <link rel="stylesheet" href="../include/designs/natural/style.ie6.css" type="text/css" media="screen" /><![endif]--> <!--[if IE 7]> <link rel="stylesheet" href="../include/designs/natural/style.ie7.css" type="text/css" media="screen" /><![endif]--> <link rel="stylesheet" type="text/css" href="../include/extras/fancybox/jquery.fancybox.css" media="screen" /> <script type="text/javascript" src="../include/includes/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../include/extras/fancybox/jquery.fancybox-1.2.1.pack.js"></script> <script type="text/javascript" src="../include/extras/fancybox/jquery.easing.1.3.js"></script> <script type="text/javascript"> $(document).ready(function() { $("table#galimages a").fancybox( { 'zoomSpeedIn': 800, 'zoomSpeedOut': 500, 'zoomSpeedChange': 800, 'zoomOpacity': 0.5, 'overlayOpacity': 0.5, 'easingIn' : 'easeOutBack', 'easingOut' : 'easeInBack', 'overlayShow': true } ); $("div#bbvideo a").fancybox( { 'zoomSpeedIn': 800, 'zoomSpeedOut': 500, 'zoomSpeedChange': 800, 'zoomOpacity': 0.5, 'overlayOpacity': 0.5, 'overlayShow': true } ); }); </script> </head> <body>
Die BBCodeGlobal.js
function addEvent(elm, evType, fn, useCapture) // addEvent and removeEvent // cross-browser event handling for IE5+, NS6 and Mozilla // By Scott Andrew { if (elm.addEventListener){ elm.addEventListener(evType, fn, useCapture); return true; } else if (elm.attachEvent){ var r = elm.attachEvent("on"+evType, fn); return r; } else { alert("Handler could not be removed"); } } addEvent(window, "load", ResizeBBCodeImages); //Funktion die alle Bilder des BBCodes der Funktion SetSize übergibt function ResizeBBCodeImages() { imgs = document.getElementsByTagName("img"); for (ti=0;ti<imgs.length;ti++) { if (imgs[ti].className.indexOf("bbcode_image") != -1) { SetSize(imgs[ti]); } } } //Funktion zum Ändern der Bildgröße für zu große Bilder function SetSize(img){ var w = img.width; var h = img.height; var toChange = false; if (w>bbcodemaximagewidth) { h = bbcodemaximagewidth * h / w; w = bbcodemaximagewidth; toChange = true; } if (h>bbcodemaximageheight) { w = bbcodemaximageheight * w / h; h = bbcodemaximageheight; toChange = true; } if (toChange) { var src = img.getAttribute('src'); if ( img.parentNode.nodeName.toLowerCase() == 'a' ) { img.setAttribute('width',w); img.setAttribute('height',h); } else { var ersatz = document.createElement('a'); ersatz.setAttribute('href',src); var newImg = document.createElement('img'); newImg.setAttribute('src',src); newImg.setAttribute('width',w); newImg.setAttribute('height',h); newImg.setAttribute('border','0'); newImg.setAttribute('style',img.getAttribute('style',0)); ersatz.appendChild(newImg); img.parentNode.replaceChild(ersatz,img); $(ersatz).fancybox (); } } } //Funktion für BBCode Klapptext function Klapptext(str) { var KlappText = document.getElementById('layer_'+str); var KlappBild = document.getElementById('image_'+str); var medientuner_minus= "include/images/icons/minus.gif", medientuner_plus="include/images/icons/plus.gif"; if (KlappText.style.display == 'none') { KlappText.style.display = 'block'; KlappBild.src = medientuner_minus; } else { KlappText.style.display = 'none'; KlappBild.src = medientuner_plus; } }
betroffene Homepage: externer Link
Zuletzt modifiziert von Oegli am 31.12.2010 - 05:12:57