Hallo,
und zwar habe ich da mal eine Frage wie kann man die Lightbox in einer news anwenden???
Gruß Stylo
betroffene Homepage: externer Link
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
Geschlossen |
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).lightbox();
var ersatz = document.createElement('a'); ersatz.setAttribute('href',src); ersatz.setAttribute('target','_blank'); 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);
<!-- LIGHTBOX --> <script type="text/javascript" src="include/includes/js/lightbox/js/prototype.js"></script> <script type="text/javascript" src="include/includes/js/lightbox/js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="include/includes/js/lightbox/js/lightbox.js"></script> <link rel="stylesheet" href="include/includes/js/lightbox/css/lightbox.css" type="text/css" media="screen" />
1. <!-- LIGHTBOX --> 2. <script type="text/javascript" src="include/includes/js/lightbox/js/prototype.js"></script> 3. <script type="text/javascript" src="include/includes/js/lightbox/js/scriptaculous.js?load=effects"></script> 4. <script type="text/javascript" src="include/includes/js/lightbox/js/lightbox.js"></script> 5. <link rel="stylesheet" href="include/includes/js/lightbox/css/lightbox.css" type="text/css" media="screen" />
<html> <head> <link rel="stylesheet" type="text/css" href="include/designs/DDvSE/contentslider.css" /> <script type="text/javascript" src="include/designs/DDvSE/contentslider.js"> </script> <script type="text/javascript" src="include/designs/DDvSE/contentslider.js"> /*********************************************** * Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more ***********************************************/ </script> <!--Waitbox begin--> <div id="waitDiv" class="waitbox" style="left: 43%; visibility: hidden; position: absolute; top: 37%" align="center"> <table cellpadding="6" summary="Splash-Screen Wait"> <tbody> <tr> <td><div align="center"><b></b><br><img src="include/designs/DDvSE/loading.gif" border="0" align="top"><br clear="all"></div></td> </tr> </tbody> </table> </div> <script type="text/javascript"> var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function ap_showWaitMessage(div,flag) { if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden' if(! document.getElementById) if(document.layers) x.left=280/2; return true; } ap_showWaitMessage('waitDiv', 1); </script> <!--Waitbox end--> <script type="text/JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="keywords" content="" /> <link href="include/designs/DDvSE/style.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- .Tabelle_01 .menue p { padding-top: 5px; } body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a:link { color: #ffffff; text-decoration: none; } a:visited { text-decoration: none; color: #ffffff; } a:hover { text-decoration: none; color: #ffffff; } a:active { text-decoration: none; color: #ffffff; } --> </style> </head> <body> <center> <td height="250" colspan="3" align="center" valign="top"><img src="include/designs/DDvSE/Bilder/header.png" width="1088" height="250" /></td> </center><br /> <table width="1088" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th colspan="4" scope="col"> <table width="1088" height="180" border="0" cellpadding="0" cellspacing="0"> <tr> <th align="center" valign="top" scope="col"><table width="544" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="544" height="160" background="include/designs/DDvSE/Bilder/DDvSE_07.png" scope="col"><table width="530" height="160" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="27" colspan="2"> </td> <td width="23" rowspan="2"> </td> <td width="242"> </td> </tr> <tr> <td width="16" align="left" valign="top"> </td> <td width="249" align="left" valign="top">{_boxes_lastnews}</td> <td align="left" valign="top">{_boxes_lastforum}</td> </tr> </table></th> </tr> </table></th> <th align="center" valign="top" scope="col"><table width="544" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="544" height="160" background="include/designs/DDvSE/Bilder/DDvSE_77.png" scope="col"><table width="544" height="158" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="25" colspan="2"> </td> <td width="29" rowspan="2"> </td> <td width="255"> </td> </tr> <tr> <td width="18" align="left" valign="top"> </td> <td width="242" align="left" valign="top">{_boxes_topuser}</td> <td align="left" valign="top">{_boxes_login}</td> </tr> </table></th> </tr> </table></th> </tr> </table></th> </tr> <tr> <td width="230" align="left" valign="top"><table width="230" border="0" cellspacing="0" cellpadding="0"> <tr> <th align="left" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="52">{_list_menunr1@</td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="42" colspan="3" align="center" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu1_1.png" class="boxes_right_hmenu">%1</td> </tr> <tr> <td width="11" align="left" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu1_2.jpg"> </td> <td background="include/designs/DDvSE/Bilder/DDvSE_menu1_3.jpg" class="boxes_right">%2</td> <td width="10" background="include/designs/DDvSE/Bilder/DDvSE_menu1_4.jpg"> </td> </tr> <tr> <td height="36" colspan="3" align="left" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu1_5.png"></td> </tr> </table></td> </tr> <tr> <td height="10" class="boxes_right_abstand"> }<br></td> </tr> </table></th> <th width="7" scope="col"> </th> </tr> </table></td> <td colspan="2" align="center" valign="top"><table width="100%" valign="top" border="0" cellspacing="0" cellpadding="0"> <tr> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0" valign="top"> <tr> <td width="650" height="134" align="center" valign="top" background="include/designs/DDvSE/Bilder/sliderbox.png"> <div align="center" valign="top" ><div id="slider1" class="sliderwrapper"> <div class="contentdiv"> <div align="center"><a href="" target="_blank"><img src="include/designs/DDvSE/bild1.png" alt="bild1" border="0"/></a></div> </div> <div class="contentdiv"> <div align="center"><a href="" target="_blank"><img src="include/designs/DDvSE/bild2.png" alt="bild2" border="0"/></a></div> </div> <div class="contentdiv"> <div align="center"><a href="" ><img src="include/designs/DDvSE/bild3.png" alt="bild3" border="0"/></a></div> </div> </div> <div id="paginate-slider1" class="pagination"></div> <div align="center"> <script type="text/javascript"> featuredcontentslider.init({ id: "slider1", //id of main slider DIV contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"] toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc] nextprev: ["««", "»»"], //labels for "prev" and "next" links. Set to "" to hide. enablefade: [true, 0.2], //[true/false, fadedegree] autorotate: [true, 3000], //[true/false, pausetime] onChange: function(previndex, curindex){ //event handler fired whenever script changes slide //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc) //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc) } }) </script> </div></div></td> </tr> <tr> <td align="center" valign="top"> </td> </tr> <tr> <td align="center" valign="top"><table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="49" colspan="3" background="include/designs/DDvSE/Bilder/content_1.png"><div class="hmenu"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td></td> </tr> </table></td> </tr> <tr> <td height="49" colspan="3" background="include/designs/DDvSE/Bilder/content_1.png"><div align="center" class="hmenu">{HMENU}</div></td> </tr> </table> </div></td> </tr> <tr> <td width="12" align="left" valign="top" background="include/designs/DDvSE/Bilder/content_2.jpg"> </td> <td width="626" background="include/designs/DDvSE/Bilder/content_3.jpg" class="explode">{EXPLODE}</td> <td width="12" align="left" valign="top" background="include/designs/DDvSE/Bilder/content_4.jpg"> </td> </tr> <tr> <td height="135" colspan="3" align="center" valign="top"><img src="include/designs/DDvSE/Bilder/content_5.png" width="650" height="135" border="0" usemap="#Map" /></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> <td width="208" rowspan="2" align="right" valign="top"><table width="208" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="8" scope="col"> </th> <th align="right" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="52">{_list_menunr2@</td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="42" colspan="3" align="center" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu2_1.png" class="boxes_right_hmenu">%1</td> </tr> <tr> <td width="11" align="left" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu2_2.jpg"> </td> <td background="include/designs/DDvSE/Bilder/DDvSE_menu2_3.jpg" class="boxes_right">%2</td> <td width="10" background="include/designs/DDvSE/Bilder/DDvSE_menu2_4.jpg"> </td> </tr> <tr> <td height="36" colspan="3" align="left" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu2_5.png"></td> </tr> </table></td> </tr> <tr> <td height="10" class="boxes_right_abstand"> }<br></td> </tr> </table></th> </tr> </table></td> </tr> <tr> <td colspan="2"> </td> <td width="650"> </td> </tr> </table> <map name="Map"> <area shape="rect" coords="7,89,642,131" href="http://www.dragondesigns.de"> </map> </body> </html> <!--Waitbox-finish begin--> <script type="text/javascript"> <!-- setTimeout("ap_showWaitMessage('waitDiv', 0);",800) //--> </script> <!--Waitbox-finish end--> {_list_vmenupoint@<a target="%1" class="box, menu_botton" href="%2">%3</a>} {_list_vmenubegi@} {_list_vmenuende@}
<html> <head> <!-- LIGHTBOX --> <script type="text/javascript" src="include/includes/js/lightbox/js/prototype.js"></script> <script type="text/javascript" src="include/includes/js/lightbox/js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="include/includes/js/lightbox/js/lightbox.js"></script> <link rel="stylesheet" href="include/includes/js/lightbox/css/lightbox.css" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="include/designs/DDvSE/contentslider.css" /> <script type="text/javascript" src="include/designs/DDvSE/contentslider.js"></script> <script type="text/javascript" src="include/designs/DDvSE/contentslider.js"> /*********************************************** * Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more ***********************************************/ </script> <!--Waitbox begin--> <div id="waitDiv" class="waitbox" style="left: 43%; visibility: hidden; position: absolute; top: 37%" align="center"> <table cellpadding="6" summary="Splash-Screen Wait"> <tbody> <tr> <td><div align="center"><b></b><br><img src="include/designs/DDvSE/loading.gif" border="0" align="top"><br clear="all"></div></td> </tr> </tbody> </table> </div> <script type="text/javascript"> var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function ap_showWaitMessage(div,flag) { if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden' if(! document.getElementById) if(document.layers) x.left=280/2; return true; } ap_showWaitMessage('waitDiv', 1); </script> <!--Waitbox end--> <script type="text/JavaScript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="keywords" content="" /> <link href="include/designs/DDvSE/style.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- .Tabelle_01 .menue p { padding-top: 5px; } body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a:link { color: #ffffff; text-decoration: none; } a:visited { text-decoration: none; color: #ffffff; } a:hover { text-decoration: none; color: #ffffff; } a:active { text-decoration: none; color: #ffffff; } --> </style> </head> <body> <center> <td height="250" colspan="3" align="center" valign="top"><img src="include/designs/DDvSE/Bilder/header.png" width="1088" height="250" /></td> </center><br /> <table width="1088" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th colspan="4" scope="col"> <table width="1088" height="180" border="0" cellpadding="0" cellspacing="0"> <tr> <th align="center" valign="top" scope="col"><table width="544" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="544" height="160" background="include/designs/DDvSE/Bilder/DDvSE_07.png" scope="col"><table width="530" height="160" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="27" colspan="2"> </td> <td width="23" rowspan="2"> </td> <td width="242"> </td> </tr> <tr> <td width="16" align="left" valign="top"> </td> <td width="249" align="left" valign="top">{_boxes_lastnews}</td> <td align="left" valign="top">{_boxes_lastforum}</td> </tr> </table></th> </tr> </table></th> <th align="center" valign="top" scope="col"><table width="544" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="544" height="160" background="include/designs/DDvSE/Bilder/DDvSE_77.png" scope="col"><table width="544" height="158" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="25" colspan="2"> </td> <td width="29" rowspan="2"> </td> <td width="255"> </td> </tr> <tr> <td width="18" align="left" valign="top"> </td> <td width="242" align="left" valign="top">{_boxes_topuser}</td> <td align="left" valign="top">{_boxes_login}</td> </tr> </table></th> </tr> </table></th> </tr> </table></th> </tr> <tr> <td width="230" align="left" valign="top"><table width="230" border="0" cellspacing="0" cellpadding="0"> <tr> <th align="left" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="52">{_list_menunr1@</td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="42" colspan="3" align="center" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu1_1.png" class="boxes_right_hmenu">%1</td> </tr> <tr> <td width="11" align="left" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu1_2.jpg"> </td> <td background="include/designs/DDvSE/Bilder/DDvSE_menu1_3.jpg" class="boxes_right">%2</td> <td width="10" background="include/designs/DDvSE/Bilder/DDvSE_menu1_4.jpg"> </td> </tr> <tr> <td height="36" colspan="3" align="left" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu1_5.png"></td> </tr> </table></td> </tr> <tr> <td height="10" class="boxes_right_abstand"> }<br></td> </tr> </table></th> <th width="7" scope="col"> </th> </tr> </table></td> <td colspan="2" align="center" valign="top"><table width="100%" valign="top" border="0" cellspacing="0" cellpadding="0"> <tr> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0" valign="top"> <tr> <td width="650" height="134" align="center" valign="top" background="include/designs/DDvSE/Bilder/sliderbox.png"> <div align="center" valign="top" ><div id="slider1" class="sliderwrapper"> <div class="contentdiv"> <div align="center"><a href="" target="_blank"><img src="include/designs/DDvSE/bild1.png" alt="bild1" border="0"/></a></div> </div> <div class="contentdiv"> <div align="center"><a href="" target="_blank"><img src="include/designs/DDvSE/bild2.png" alt="bild2" border="0"/></a></div> </div> <div class="contentdiv"> <div align="center"><a href="" ><img src="include/designs/DDvSE/bild3.png" alt="bild3" border="0"/></a></div> </div> </div> <div id="paginate-slider1" class="pagination"></div> <div align="center"> <script type="text/javascript"> featuredcontentslider.init({ id: "slider1", //id of main slider DIV contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"] toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc] nextprev: ["««", "»»"], //labels for "prev" and "next" links. Set to "" to hide. enablefade: [true, 0.2], //[true/false, fadedegree] autorotate: [true, 3000], //[true/false, pausetime] onChange: function(previndex, curindex){ //event handler fired whenever script changes slide //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc) //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc) } }) </script> </div></div></td> </tr> <tr> <td align="center" valign="top"> </td> </tr> <tr> <td align="center" valign="top"><table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="49" colspan="3" background="include/designs/DDvSE/Bilder/content_1.png"><div class="hmenu"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td></td> </tr> </table></td> </tr> <tr> <td height="49" colspan="3" background="include/designs/DDvSE/Bilder/content_1.png"><div align="center" class="hmenu">{HMENU}</div></td> </tr> </table> </div></td> </tr> <tr> <td width="12" align="left" valign="top" background="include/designs/DDvSE/Bilder/content_2.jpg"> </td> <td width="626" background="include/designs/DDvSE/Bilder/content_3.jpg" class="explode">{EXPLODE}</td> <td width="12" align="left" valign="top" background="include/designs/DDvSE/Bilder/content_4.jpg"> </td> </tr> <tr> <td height="135" colspan="3" align="center" valign="top"><img src="include/designs/DDvSE/Bilder/content_5.png" width="650" height="135" border="0" usemap="#Map" /></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> <td width="208" rowspan="2" align="right" valign="top"><table width="208" border="0" cellspacing="0" cellpadding="0"> <tr> <th width="8" scope="col"> </th> <th align="right" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="52">{_list_menunr2@</td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="42" colspan="3" align="center" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu2_1.png" class="boxes_right_hmenu">%1</td> </tr> <tr> <td width="11" align="left" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu2_2.jpg"> </td> <td background="include/designs/DDvSE/Bilder/DDvSE_menu2_3.jpg" class="boxes_right">%2</td> <td width="10" background="include/designs/DDvSE/Bilder/DDvSE_menu2_4.jpg"> </td> </tr> <tr> <td height="36" colspan="3" align="left" valign="top" background="include/designs/DDvSE/Bilder/DDvSE_menu2_5.png"></td> </tr> </table></td> </tr> <tr> <td height="10" class="boxes_right_abstand"> }<br></td> </tr> </table></th> </tr> </table></td> </tr> <tr> <td colspan="2"> </td> <td width="650"> </td> </tr> </table> <map name="Map"> <area shape="rect" coords="7,89,642,131" href="http://www.dragondesigns.de"> </map> </body> </html> <!--Waitbox-finish begin--> <script type="text/javascript"> <!-- setTimeout("ap_showWaitMessage('waitDiv', 0);",800) //--> </script> <!--Waitbox-finish end--> {_list_vmenupoint@<a target="%1" class="box, menu_botton" href="%2">%3</a>} {_list_vmenubegi@} {_list_vmenuende@}
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).lightbox(); } } } //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; } }
Geschlossen | ||
Zurück zu Module und Modifikationen |