ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » Fancybox will nicht laufen...

Geschlossen
  1. #1
    User Pic
    Oegli Mitglied
    Registriert seit
    11.04.2006
    Beiträge
    179
    Beitragswertungen
    0 Beitragspunkte
    Hi,

    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
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Oegli Mitglied
    Registriert seit
    11.04.2006
    Beiträge
    179
    Beitragswertungen
    0 Beitragspunkte
    Übrigens habe ich gerade festgestellt, das die Fancybox in der Usergallery auch geht. Das heißt, es klappt nur nicht in der Gallery.

    Warum?

    Ich habe den verfluchten Code jetzt schon mindestens 30X in die "index" geballert...


    gallery.htm

    ZitatZitat
    {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">&raquo;&nbsp;{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 id="galimages" class="border" border="0" cellspacing="1" cellpadding="0">
    <tr>
    <td>
    <a rel="galimagesrel" title="{besch}" href="include/images/gallery/img_norm_{id}.{endung}"><img src="include/images/gallery/img_thumb_{id}.{endung}" alt=""/></a>
    </a>
    </td>
    </tr>
    </table>
    </td>
    {EXPLODE}
    </tr>
    </table>
    <center>{MPL}</center>



    Zuletzt modifiziert von Oegli am 01.01.2011 - 10:43:52
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Also die Fancybox ist auf deiner Seite nicht definiert (obwohl die Dateien geladen sind), ich kann dir nicht direkt sagen woran es liegt, aber du lädst z.B. 2 verschiedene Versionen von jquery, eine davon solltest du auf jeden Fall entfernen, keine Ahnung ob es danach schon geht oder noch etwas anderes notwendig ist.

    Die Picofx ist übrigens die Thickbox und nicht die fancybox.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Oegli Mitglied
    Registriert seit
    11.04.2006
    Beiträge
    179
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Mairu

    Die Picofx ist übrigens die Thickbox und nicht die fancybox.


    Ja das habe ich vorhin auch schon festgestellt und jetzt ist das bisschen Motivation was ich hatte auch noch weg.
    Ich würde ja im Notfall auch mit der Thickbox vorlieb nehmen, aber die hat keine "Vor-und Zurück" Buttons. Das geht garnicht, das man jedes mal auf das nächste Bild klicken muss.

    Ich kapiere es nicht. Ich mache den Upload, ändere die Index.htm und nix passiert...

    ZitatZitat geschrieben von Mairu

    Also die Fancybox ist auf deiner Seite nicht definiert (obwohl die Dateien geladen sind), ich kann dir nicht direkt sagen woran es liegt, aber du lädst z.B. 2 verschiedene Versionen von jquery, eine davon solltest du auf jeden Fall entfernen, keine Ahnung ob es danach schon geht oder noch etwas anderes notwendig ist.


    Kannst Du das vielleicht genauer definieren?
    Ich stehe gerade auf dem Schlauch.
    Hier die aktuelle index.htm:

    ZitatZitat
    <!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>
    <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="shortcut icon" href="http://www.gmr2.de/include/images/favicon.ico"/>

    <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>
    <div id="art-page-background-gradient"></div>
    <div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
    </div>

    <div id="art-main">
    <div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
    <div class="art-nav">
    <div class="l"></div>
    <div class="r"></div>
    <ul class="art-menu">
    {_list_menunr1@
    <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">%1</span></a>
    <ul>
    %2
    </ul>
    </li>
    }
    </ul>
    </div>
    <div class="art-Header">
    <div class="art-Header-jpeg"></div>
    <div class="art-Logo">
    <h1 id="name-text" class="art-Logo-name"><a href="#">{SITENAME}</a></h1>
    <div id="slogan-text" class="art-Logo-text">Gesellschaft für Materialografie Rhein-Ruhr e.V.</div>
    </div>
    </div>
    <div class="art-contentLayout">
    <div class="art-sidebar1">
    <div class="art-Block">
    <div class="art-Block-tl"></div>
    <div class="art-Block-tr"></div>
    <div class="art-Block-bl"></div>
    <div class="art-Block-br"></div>
    <div class="art-Block-tc"></div>
    <div class="art-Block-bc"></div>
    <div class="art-Block-cl"></div>
    <div class="art-Block-cr"></div>
    <div class="art-Block-cc"></div>
    {_list_menunr2@
    <div class="art-Block-body">
    <div class="art-BlockHeader">
    <div class="l"></div>
    <div class="r"></div>
    <div class="art-header-tag-icon">
    <div class="t">%1</div>
    </div>
    </div>
    <div class="art-BlockContent">
    <div class="art-BlockContent-cc"></div>
    <div class="art-BlockContent-body">
    <div>
    %2
    </div>
    </div>
    </div>
    </div>
    </div>

    <div class="art-Block">
    <div class="art-Block-tl"></div>
    <div class="art-Block-tr"></div>
    <div class="art-Block-bl"></div>
    <div class="art-Block-br"></div>
    <div class="art-Block-tc"></div>
    <div class="art-Block-bc"></div>
    <div class="art-Block-cl"></div>
    <div class="art-Block-cr"></div>
    <div class="art-Block-cc"></div>
    }
    </div></div>
    <div class="art-content">
    <div class="art-Post">
    <div class="art-Post-body">
    <div class="art-Post-inner">
    <h2 class="art-PostHeaderIcon-wrapper">
    <span class="art-PostHeader">{HMENU}</span>
    </h2>
    <div class="art-PostContent">
    {EXPLODE}
    </div>
    <div class="cleared"></div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="cleared"></div>
    <div class="art-Footer">
    <div class="art-Footer-inner">
    <a href="index.php?news-rss" class="art-rss-tag-icon" target="_blank" title="RSS"></a>
    <div class="art-Footer-text">
    <p>Copyright &copy; 2009 {SITENAME}. Some Rights Reserved.</p>
    </div>
    </div>
    <div class="art-Footer-background"></div>
    </div>
    </div>
    </div>
    <div class="cleared"></div>
    <p class="art-page-footer">Designed by <a href="http://www.web-area.ch/">Michel Käser</a>. Aligned by <a href="http://sonicdesigns.de" target="_blank">sonicdesigns.de</a>.</p>
    </div>

    </body>
    </html>

    {_list_hmenupoint@<li><a target="%1" href="%2">%3</a></li>}



    Zuletzt modifiziert von Oegli am 01.01.2011 - 14:39:15
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Ok habs mir etwas genauer angeschaut, also die 2. Instanz von jquery wird in der picofx box geladen und überschreibt sicherlich die erste, weswegen wahrscheinlich die fancybox "gelöscht" wird.

    <script type="text/javascript" src="include/includes/js/thickbox/jquery.js"></script>
    <script type="text/javascript" src="include/includes/js/thickbox/thickbox.js"></script>
    <link rel="stylesheet" href="include/includes/js/thickbox/thickbox.css" type="text/css" media="screen" />


    Dieser Code wird durch die picofx box geladen, denke ich, lösche ihn aus der Box und füge die beiden unteren Zeilen mit in deine index.htm zu den anderen (Zeile 24 z.B.).
    Von der Sache her ist es besser css Dateien vor js Dateien zu laden, wenn du Ordnung halten willst.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Oegli Mitglied
    Registriert seit
    11.04.2006
    Beiträge
    179
    Beitragswertungen
    0 Beitragspunkte
    Mann Mairu Du machst mir echt Angst.

    Es läuft tatsächlich und ich kann mich nur bedanken.
    Leider läuft sie nun nicht in der PicOfX Box und der User Gallery aber immerhin...

    Das ist jetzt meine index.htm und mich würde nur noch interessieren ob man die Fancybox so konfigurieren kann, das die Bildgröße automatisch angepasst wird. Bei mir ändert das Fenster bei jedem Bild die Größe und ich hätte es gerne das alle Bilder gleich groß angezeigt werden.
    Unabhängig von der Ursprungsgröße halt. Geht das?

    Fetten Dank an Mairu auf jeden Fall!

    ZitatZitat
    <!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>
    <!--
    Created by Artisteer v2.2.0.17376
    Base template (without user's data) checked by validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    //////////////////////////////////
    Aligned by sonicdesigns.de for ilch CMS
    The remove of each copyright of this design template is forbidden.
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>{GMR2}</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="shortcut icon" href="http://www.gmr2.de/include/images/favicon.ico"/>

    <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>

    <link rel="stylesheet" href="include/includes/js/thickbox/thickbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="include/includes/js/thickbox/thickbox.js"></script>

    </head>
    <body>
    <div id="art-page-background-gradient"></div>
    <div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
    </div>

    <div id="art-main">
    <div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
    <div class="art-nav">
    <div class="l"></div>
    <div class="r"></div>
    <ul class="art-menu">
    {_list_menunr1@
    <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">%1</span></a>
    <ul>
    %2
    </ul>
    </li>
    }
    </ul>
    </div>
    <div class="art-Header">
    <div class="art-Header-jpeg"></div>
    <div class="art-Logo">
    <h1 id="name-text" class="art-Logo-name"><a href="#">{SITENAME}</a></h1>
    <div id="slogan-text" class="art-Logo-text">Gesellschaft für Materialografie Rhein-Ruhr e.V.</div>
    </div>
    </div>
    <div class="art-contentLayout">
    <div class="art-sidebar1">
    <div class="art-Block">
    <div class="art-Block-tl"></div>
    <div class="art-Block-tr"></div>
    <div class="art-Block-bl"></div>
    <div class="art-Block-br"></div>
    <div class="art-Block-tc"></div>
    <div class="art-Block-bc"></div>
    <div class="art-Block-cl"></div>
    <div class="art-Block-cr"></div>
    <div class="art-Block-cc"></div>
    {_list_menunr2@
    <div class="art-Block-body">
    <div class="art-BlockHeader">
    <div class="l"></div>
    <div class="r"></div>
    <div class="art-header-tag-icon">
    <div class="t">%1</div>
    </div>
    </div>
    <div class="art-BlockContent">
    <div class="art-BlockContent-cc"></div>
    <div class="art-BlockContent-body">
    <div>
    %2
    </div>
    </div>
    </div>
    </div>
    </div>

    <div class="art-Block">
    <div class="art-Block-tl"></div>
    <div class="art-Block-tr"></div>
    <div class="art-Block-bl"></div>
    <div class="art-Block-br"></div>
    <div class="art-Block-tc"></div>
    <div class="art-Block-bc"></div>
    <div class="art-Block-cl"></div>
    <div class="art-Block-cr"></div>
    <div class="art-Block-cc"></div>
    }
    </div></div>
    <div class="art-content">
    <div class="art-Post">
    <div class="art-Post-body">
    <div class="art-Post-inner">
    <h2 class="art-PostHeaderIcon-wrapper">
    <span class="art-PostHeader">{HMENU}</span>
    </h2>
    <div class="art-PostContent">
    {EXPLODE}
    </div>
    <div class="cleared"></div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="cleared"></div>
    <div class="art-Footer">
    <div class="art-Footer-inner">
    <a href="index.php?news-rss" class="art-rss-tag-icon" target="_blank" title="RSS"></a>
    <div class="art-Footer-text">
    <p>Copyright &copy; 2009 {SITENAME}. Some Rights Reserved.</p>
    </div>
    </div>
    <div class="art-Footer-background"></div>
    </div>
    </div>
    </div>
    <div class="cleared"></div>
    <p class="art-page-footer">Designed by <a href="http://www.web-area.ch/">Michel Käser</a>. Aligned by <a href="http://sonicdesigns.de" target="_blank">sonicdesigns.de</a>.</p>
    </div>

    </body>
    </html>

    {_list_hmenupoint@<li><a target="%1" href="%2">%3</a></li>}



    Zuletzt modifiziert von Oegli am 01.01.2011 - 19:03:18
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Oegli Mitglied
    Registriert seit
    11.04.2006
    Beiträge
    179
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Oegli

    Das ist jetzt meine index.htm und mich würde nur noch interessieren ob man die Fancybox so konfigurieren kann, das die Bildgröße automatisch angepasst wird. Bei mir ändert das Fenster bei jedem Bild die Größe und ich hätte es gerne das alle Bilder gleich groß angezeigt werden.
    Unabhängig von der Ursprungsgröße halt. Geht das?



    ZitatZitat
    <!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>
    <!--
    Created by Artisteer v2.2.0.17376
    Base template (without user's data) checked by validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    //////////////////////////////////
    Aligned by sonicdesigns.de for ilch CMS
    The remove of each copyright of this design template is forbidden.
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>{GMR2}</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="shortcut icon" href="http://www.gmr2.de/include/images/favicon.ico"/>

    <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>

    <link rel="stylesheet" href="include/includes/js/thickbox/thickbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="include/includes/js/thickbox/thickbox.js"></script>

    </head>
    <body>
    <div id="art-page-background-gradient"></div>
    <div id="art-page-background-glare">
    <div id="art-page-background-glare-image"></div>
    </div>

    <div id="art-main">
    <div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
    <div class="art-nav">
    <div class="l"></div>
    <div class="r"></div>
    <ul class="art-menu">
    {_list_menunr1@
    <li><a href="#"><span class="l"></span><span class="r"></span><span class="t">%1</span></a>
    <ul>
    %2
    </ul>
    </li>
    }
    </ul>
    </div>
    <div class="art-Header">
    <div class="art-Header-jpeg"></div>
    <div class="art-Logo">
    <h1 id="name-text" class="art-Logo-name"><a href="#">{SITENAME}</a></h1>
    <div id="slogan-text" class="art-Logo-text">Gesellschaft für Materialografie Rhein-Ruhr e.V.</div>
    </div>
    </div>
    <div class="art-contentLayout">
    <div class="art-sidebar1">
    <div class="art-Block">
    <div class="art-Block-tl"></div>
    <div class="art-Block-tr"></div>
    <div class="art-Block-bl"></div>
    <div class="art-Block-br"></div>
    <div class="art-Block-tc"></div>
    <div class="art-Block-bc"></div>
    <div class="art-Block-cl"></div>
    <div class="art-Block-cr"></div>
    <div class="art-Block-cc"></div>
    {_list_menunr2@
    <div class="art-Block-body">
    <div class="art-BlockHeader">
    <div class="l"></div>
    <div class="r"></div>
    <div class="art-header-tag-icon">
    <div class="t">%1</div>
    </div>
    </div>
    <div class="art-BlockContent">
    <div class="art-BlockContent-cc"></div>
    <div class="art-BlockContent-body">
    <div>
    %2
    </div>
    </div>
    </div>
    </div>
    </div>

    <div class="art-Block">
    <div class="art-Block-tl"></div>
    <div class="art-Block-tr"></div>
    <div class="art-Block-bl"></div>
    <div class="art-Block-br"></div>
    <div class="art-Block-tc"></div>
    <div class="art-Block-bc"></div>
    <div class="art-Block-cl"></div>
    <div class="art-Block-cr"></div>
    <div class="art-Block-cc"></div>
    }
    </div></div>
    <div class="art-content">
    <div class="art-Post">
    <div class="art-Post-body">
    <div class="art-Post-inner">
    <h2 class="art-PostHeaderIcon-wrapper">
    <span class="art-PostHeader">{HMENU}</span>
    </h2>
    <div class="art-PostContent">
    {EXPLODE}
    </div>
    <div class="cleared"></div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <div class="cleared"></div>
    <div class="art-Footer">
    <div class="art-Footer-inner">
    <a href="index.php?news-rss" class="art-rss-tag-icon" target="_blank" title="RSS"></a>
    <div class="art-Footer-text">
    <p>Copyright &copy; 2009 {SITENAME}. Some Rights Reserved.</p>
    </div>
    </div>
    <div class="art-Footer-background"></div>
    </div>
    </div>
    </div>
    <div class="cleared"></div>
    <p class="art-page-footer">Designed by <a href="http://www.web-area.ch/">Michel Käser</a>. Aligned by <a href="http://sonicdesigns.de" target="_blank">sonicdesigns.de</a>.</p>
    </div>

    </body>
    </html>

    {_list_hmenupoint@<li><a target="%1" href="%2">%3</a></li>}



    Zuletzt modifiziert von Oegli am 01.01.2011 - 19:03:18


    Und, geht das?
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Sieht nicht so aus, als würde Fancybox sowas als Option anbieten. Du könntest immer das _norm Bild aus der Gallery verlinken, da dies immer die gleiche vorgegebene Breite besitzt.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Ich bekomm das Teil auch einfach net zum laufen. Ich benötige das Script nur in der Usergallery, Allerdings wenn ich auf ein Bild klicke dann sehe ich weisse Seite und links das Bild. Ich brauch es aber zentriert und als Popup. Unter anderen lassen sich die Bilder auch net wechseln. Die kompletten Buttons von den Bildern fehlen irgendwie.

    Das ist meine Index.html:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html><head>
      <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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Schlagerkeller</title>
    <script language="JavaScript" 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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
    
    <body onLoad="animatetitle()">
    
    
    
    <script language="JavaScript"> 
    var tx = new Array ("Schlagerkeller Dresden", "Schlager, Discofox, Oldies, Pop", "Wir machen die Musik!!"); 
    var txcount=3; 
    
    var i=1; 
    var wo=0; 
    var ud=1; 
    function animatetitle() 
    { 
    window.document.title=tx[wo].substr(0, i)+" "; 
    if (ud==0) i--; 
    if (ud==1) i++; 
    if (i==-1) {ud=1;i=0;wo++;wo=wo%txcount;} 
    if (i==tx[wo].length+10) {ud=0;i=tx[wo].length;} 
    // if (window.document.title.length < 20 ) window.document.title=window.document.title+"-"; 
    // if (window.document.title.length == 20 ) window.document.title=window.document.title+"]"; 
    // if (window.document.title.length == 21 ) setTimeout("window.document.title='Animierte Seitentitel '; ",1000); 
    
    parent.window.document.title=tx[wo].substr(0, i)+" "; 
    setTimeout("animatetitle()",100); 
    } 
    </script>
    <link rel="stylesheet" type="text/css" href="include/designs/DDv6/style.css">
    
    <script type="text/javascript">
    /***********************************************



    Kann mir da wer helfen? Ich weiss absolut nicht was ich falsch mache?! traurig

    EDIT! Bitte Codes in Tags setzen [code ] ... [/code ], siehe gesperrtes Bild!
    Gruß Lord|S.


    Zuletzt modifiziert von Lord|Schirmer am 13.07.2011 - 19:41:29
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Es kommt darauf an, wie deine Bilderlinks aussehen!
    Bsp.:
    $("a#fancyimg").fancybox()

    <a id="fancyimg" href="link">...</a>


    Du musst in der fancybox.css evtl. die Pfade zu den Bildern ändern!
    Hast Du ein Link zu Seite, wo Du es anwendest?


    Zuletzt modifiziert von Lord|Schirmer am 13.07.2011 - 19:51:37
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Ja, Schlagerkeller.net. Gallery ist von aussen aber net einsehbar Hab die Gallery erstmal wieder etwas zurückgesetzt, so das ich wenigstens die Bilder wieder sehen kann.

    Was meinst du mit den Links anpassen? Ich habe ganz normal den Code in die index.html meinen Designs reingemacht. von der CSS stand ja nix in der Anleitung :-/
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Ich komm net weiter. Ich gebs langsam auf mit dem Ding. Ich habe die beiden Links bereits gesucht die du hier geschrieben hattest. Die tauchen bei mir nirgends auf irgendwie. Hab auch schon wegen Verlinkung geschaut. Finde nix. traurig
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Was hast Du denn bis jetzt gemacht?

    Unter schlagerkeller.net kann ich keine Einbindung erkennen und ide Galerie ist leer!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Wie Gesagt, die Gallery ist von aussen nicht einsehbar (Aus Sicherheitsgründen). Daher bleibt die Seite weiss, wenn man net eingeloggt ist. Also ich habe alles nach Anleitung hochgeladen und ersetzt. Dann habe ich den Code der in der Readme steht in der index.html meines Designs eintragen im Head Bereich so wie es drin steht.
    Dann hatte ich nach der beschriebenen Datei gesucht wie es hier im Beitrag steht, allerdings fnde ich die net. Genauso wenig eine Zeile die die so ähnlich aussehen könnte wie hier beschrieben.

    Bis jetzt öffnet es die Bilder zwar, aber ohne diese Fancybox Effekt. Ich seh immer nur ein Bild welches sich links öffnet und kleiner ist als das Original Bild. Es sind weder Pfeile zum blättern vorhanden, noch wird das Bild irgendwie hervorgehoben. Ich muss immer im Browser zurückblättern damit ich wieder zur Gallery komme. Und ich finde den Fehler einfach net traurig


    Zuletzt modifiziert von deejay2302 am 29.07.2011 - 18:50:30
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Mir stellt sich halt die Frage wie ich Dir helfen soll, wenn ich nichts sehe und/oder kein betroffener Code gepostet wird!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Was brauchst denn? Ich weiss nicht was ich hier posten soll?
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Das was Du in deinen Gallerydateien angepasst hast im Vergleich zu dem Jquerycode deiner Index.htm!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Öhm da hab ich garnix angepasst. Die ist immernoch Original.


    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">&raquo;&nbsp;{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 id="galimages" class="border" border="0" cellspacing="1" cellpadding="0">
             <tr>
               <td>
    		   <a rel="galimagesrel" title="{besch}" href="include/images/gallery/img_norm_{id}.{endung}"><img src="include/images/gallery/img_thumb_{id}.{endung}" alt=""/></a>
    		   </a>
    		   </td>           
             </tr>
           </table>
         </td>
       {EXPLODE}
      </tr>
    </table>
    <center>{MPL}</center>



    --------------------------------------------------------------------------
    templates/user/gallery.htm

    <!--Start LightboxJS2-->
    <link rel="stylesheet" href="include/includes/js/lightbox/css/lightbox.css" type="text/css" media="screen" />
    <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>
    <!--End LightboxJS2-->
    <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3">
      <tr class="Chead">
    		<td colspan="{imgperline}" align="center"><b>{uname}</b></td>
    	</tr>
      <tr>
      {EXPLODE}
         <td class="{class}" width="{width}%" valign="top" align="center">
           <table class="border" border="0" cellspacing="1" cellpadding="0">
             <tr>
               <td><a target="_blank" rel="lightbox" href="include/images/usergallery/img_{id}.{endung}"><img src="include/images/usergallery/img_thumb_{id}.{endung}" border="0" alt="{name}" title="{name}" /></a></td>           
             </tr>
           </table>
           {besch}
         </td>
       {EXPLODE}
      </tr>
    </table>
    <center>{MPL}</center>
    {EXPLODE}
    
    <br /><br />
    <form action="index.php?user-usergallery-{uid}" method="POST" enctype="multipart/form-data">
      <input type="hidden" name="gesendet" value="yes" />
      <fieldset>
        <legend><b>{_lang_pictureupload}</b></legend>
    	    <input type="file" size="40" name="file" style="margin-top:5px;" />
          <input size="60" name="text" maxlength="255" style="margin-top:5px;" /><br />
          <input type="submit" value="{_lang_formsub}" style="margin-top:5px;" />
      </fieldset>
    </form>
    
    {EXPLODE}
    {x}


    ----------------------------------------------------------------------
    include/design/DDV6/index.htm
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Schlagerkeller</title>
    <script language="JavaScript" 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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
    
    <body onLoad="animatetitle()">
    
    
    
    <script language="JavaScript"> 
    var tx = new Array ("Schlagerkeller Dresden", "Schlager, Discofox, Oldies, Pop", "Wir machen die Musik!!"); 
    var txcount=3; 
    
    var i=1; 
    var wo=0; 
    var ud=1; 
    function animatetitle() 
    { 
    window.document.title=tx[wo].substr(0, i)+" "; 
    if (ud==0) i--; 
    if (ud==1) i++; 
    if (i==-1) {ud=1;i=0;wo++;wo=wo%txcount;} 
    if (i==tx[wo].length+10) {ud=0;i=tx[wo].length;} 
    // if (window.document.title.length < 20 ) window.document.title=window.document.title+"-"; 
    // if (window.document.title.length == 20 ) window.document.title=window.document.title+"]"; 
    // if (window.document.title.length == 21 ) setTimeout("window.document.title='Animierte Seitentitel '; ",1000); 
    
    parent.window.document.title=tx[wo].substr(0, i)+" "; 
    setTimeout("animatetitle()",100); 
    } 
    </script>
    <link rel="stylesheet" type="text/css" href="include/designs/DDv6/style.css">
    
    <script type="text/javascript">
    /***********************************************
    ***********************************************/
    </script>
    <!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" lang="en" xml:lang="en">
    
    <script type="text/javascript" src="include/designs/DDv6/jquery.min.js"></script>
    <script type="text/javascript" src="include/designs/DDv6/easySlider1.5.js"></script>
    <script type="text/javascript">
    		$(document).ready(function(){	
    			$("#slider").easySlider({
    				auto: true,
    				continuous: true 
    			});
    		});	
    </script>
    <link rel="stylesheet" type="text/css" href="include/designs/DDv6/ddsmoothmenu.css" />
    <link rel="stylesheet" type="text/css" href="include/designs/DDv6/ddsmoothmenu-v.css" />
    
    <script type="text/javascript" src="include/designs/DDv6/ddsmoothmenu.js">
    
    /***********************************************
    * Smooth Navigational Menu- (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 full source code
    ***********************************************/
    
    </script>
    
    <script type="text/javascript">
    
    ddsmoothmenu.init({
    	mainmenuid: "smoothmenu1", //menu DIV id
    	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
    	classname: 'ddsmoothmenu', //class added to menu's outer DIV
    	//customtheme: ["#1c5a80", "#18374a"],
    	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })
    
    ddsmoothmenu.init({
    	mainmenuid: "smoothmenu2", //Menu DIV id
    	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
    	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
    	//customtheme: ["#804000", "#482400"],
    	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })
    
    </script>
    </head>
    
    <body>
    <table width="1095" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="226" background="include/designs/DDv6/images/DDv6_01.png">&nbsp;</td>
      </tr>
      <tr>
        <td><table width="1095" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="358" height="45" background="include/designs/DDv6/images/DDv6_02.png"></td>
            <td><div id="smoothmenu1" class="ddsmoothmenu">
    <ul>
    <li class="float"><a href="#"  class="info"></a>
      <ul>
        <li><a href="index.php?news" class="dropdown"><font color="#c0c0c0">News</font></a></li>
        <li><a href="index.php?rules" class="dropdown"><font color="#c0c0c0">Regeln</font></a></li>
        <li><a href="index.php?vote" class="dropdown"><font color="#c0c0c0">Votes</font></a></li>
        <li><a href="index.php?awards" class="dropdown"><font color="#c0c0c0">Awards</font></a></li>
        <li><a href="index.php?statistik" class="dropdown"><font color="#c0c0c0">Statistiken</font></a></li>
       </ul>
    </li>
    <li class="float"><a href="#"  class="gaming"></a>
     <ul>
        <li><a href="index.php?user" class="dropdown"><font color="#c0c0c0">Mitglieder</font></a></li>
        <li><a href="index.php?teams" class="dropdown"><font color="#c0c0c0">Unser Team</font></a></li>
        <li><a href="index.php?gallery" class="dropdown"><font color="#c0c0c0">Foto Gallerie</font></a></li>
         <li><a href="index.php?awaycal" class="dropdown"><font color="#c0c0c0">Abwesenheit</font></a></li>
         <li><a href="index.php?contact" class="dropdown"><font color="#c0c0c0">Kontakt</font></a></li>
        <li><a href="index.php?impressum" class="dropdown"><font color="#c0c0c0">Impressum</font></a></li>
     </ul>
    </li>
    <li class="float"><a href="#"  class="comm"></a>
      <ul>
        <li><a href="index.php?search" class="dropdown"><font color="#c0c0c0">Suche</font></a></li>
        <li><a href="index.php?forum" class="dropdown"><font color="#c0c0c0">Forum</font></a></li>
        <li><a href="index.php?gbook" class="dropdown"><font color="#c0c0c0">Gästebuch</font></a></li>
        <li><a href="index.php?joinus" class="dropdown"><font color="#c0c0c0">Bewirb dich</font></a></li>
        <li><a href="index.php?history" class="dropdown"><font color="#c0c0c0">&Uuml;ber Uns</font></a></li>
       </ul>
    </li>
      <li class="float"><a href="#"  class="misc">&nbsp;</a>
      <ul>
         <li><a href="index.php?kalender" class="dropdown"><font color="#c0c0c0">Kalender</font></a></li>
        <li><a href="index.php?linkus" class="dropdown"><font color="#c0c0c0">Verlink uns</font></a></li>
        <li><a href="index.php?links" class="dropdown"><font color="#c0c0c0">Links</font></a></li>
        <li><a href="index.php?downloads" class="dropdown"><font color="#c0c0c0">Downloads</font></a></li>
        </ul>
    </li>
    </ul>
    </div></td>
            <td width="130" height="45" background="include/designs/DDv6/images/DDv6_07.png"></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="28" background="include/designs/DDv6/images/DDv6_08.png">&nbsp;</td>
      </tr>
      <tr>
        <td background="include/designs/DDv6/images/DDv6_bgc.png"><table width="1095" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="254" height="310" align="left" valign="top">
            {_list_menunr1@
              <table width="254" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="22" height="42">&nbsp;</td>
                <td width="232" height="42" align="center" valign="bottom" background="include/designs/DDv6/images/DDv6_10.png"><table width="232" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="45" height="42">&nbsp;</td>
                    <td align="left" valign="middle"><span class="btitle">%1</span></td>
                    <td width="20">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td width="22">&nbsp;</td>
                <td width="232" background="include/designs/DDv6/images/DDv6_15.png"><table width="232" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="10">&nbsp;</td>
                    <td width="212" align="left" valign="top">%2</td>
                    <td width="10">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td width="22" height="11"></td>
                <td width="232" height="11" align="center" valign="top"><img src="include/designs/DDv6/images/DDv6_18.png" width="232" height="11" /></td>
              </tr>
            </table>}</td>
            <td width="799" rowspan="2" align="left" valign="top" background="include/designs/DDv6/images/DDv6_22.png"><table width="820" border="0" align="right" cellpadding="0" cellspacing="0">
              <tr>
                <td align="left" valign="top"><table width="820" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="492" height="134" align="left" valign="top" background="include/designs/DDv6/images/DDv6_11.png"><table width="492" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="8" height="134">&nbsp;</td>
                          <td height="134" align="left" valign="middle"><div id="slider">
    	 			    <ul>
            			<li><a href="http://www.taxi-uwe.de"><img src="include/images/slider/pics/DDUweWerbung.jpg" alt="" border="0" /></a></li>				
                        <li><a href="http://www.radioallways.eu"><img src="include/images/slider/pics/radioallways.jpg" alt="" border="0" /></a></li>
                        <li><a href="http://www.schlagerkeller.net"><img src="include/images/slider/pics/bannerstreet.gif" alt="" border="0" /></a></li>
                        <li><a href="http://www.francocorleone.org"><img src="include/images/slider/pics/franco.jpg" alt="" border="0" /></a></li>
    				    </ul>
    				  </div></td>
                        </tr>
                      </table></td>
                      <td width="328" height="134" align="left" valign="top" background="include/designs/DDv6/images/DDv6_12.png"><table width="328" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td height="20">&nbsp;</td>
                          <td>&nbsp;</td>
                          <td>&nbsp;</td>
                        </tr>
                        <tr>
                          <td height="112" colspan="3" align="left" valign="top"><table width="328" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="10" height="114">&nbsp;</td>
                              <td align="left" valign="top"><span class="lastforum">{_boxes_lastforum}</span></td>
                              <td width="10">&nbsp;</td>
                            </tr>
                          </table></td>
                          </tr>
                      </table></td>
                    </tr>
                </table></td>
              </tr>
              <tr>
                <td align="left" valign="top" background="include/designs/DDv6/images/DDv6_22.png"><table width="820" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="41" align="left" valign="middle" background="include/designs/DDv6/images/DDv6_16.png"><table width="820" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="50"></td>
                            <td>{HMENU}</td>
                            <td width="50"></td>
                          </tr>
                      </table></td>
                    </tr>
                    <tr>
                      <td><table width="820" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="10">&nbsp;</td>
                            <td><p>{EXPLODE}</p>
                              </td>
                            <td width="10">&nbsp;</td>
                          </tr>
                      </table></td>
                    </tr>
                </table></td>
              </tr>
            </table></td>
            <td width="21" rowspan="2" align="left" valign="top">&nbsp;</td>
          </tr>
          <tr>
            <td height="155" align="left" valign="bottom"><table width="254" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="22">&nbsp;</td>
                <td width="232" height="155"><img src="include/designs/DDv6/images/DDv6_24.png" width="232" height="155" border="0" usemap="#Map" /></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
    </table>
    <table width="1095" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="1095" height="63" background="include/designs/DDv6/images/DDv6_25.png"><font color="#f8f8ff">Style by: www.dragondesigns.de . Alle Inhalte dieser Seite sind Eigentum von www.schlagerkeller.net</font> </td>
      </tr>
    </table>
    
    <map name="Map" id="Map"><area shape="rect" coords="5,4,227,150" href="" target="_blank" />
    </map></body>
    
    </html>
    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->



    !EDIT ... zweiter Hinweis! Für CODES bitte die Tags [code] verwenden, siehe gesperrtes Bild!
    Gruß Lord|S.


    Zuletzt modifiziert von Lord|Schirmer am 01.08.2011 - 18:10:45
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Oh ok. Hab mich schon gefragt wie ihr die Nummern vor den Code bekommt^^ Da fehlt mir jetzt nur noch die Fehlerhilfe. Konntest du was ausfindig machen, wo das Problem liegen könnte oder ist das schon der fertig bearbeitete Code? Oder brauchst du noch irgendwas?
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Deinen Zeilen vorher hatte ich irgendwie entnommen, dass Du schon was eingebunden hat ... ich sehe jedoch nichts. Dein Code der index.htm stellt sich mit doppelten doctype, html & body interessant dar.

    Wie soll sich das Bild öffnen ... direkt ohne Bewertung, oder aus dem Bewertungsfenster heraus oder anderer Gedanke?
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Ohne Bewertung oder Kommentarfeld. Einfach nur das Bild und Rechts und Links die Knöpfe zum durchblättern. Mehr nicht. Aber wieso doppelt? Ich hab da nix dran geändert ausser halt den Code zusätzlich eingefügt, wie in der Anleitung.


    Zuletzt modifiziert von deejay2302 am 01.08.2011 - 20:03:50
    0 Mitglieder finden den Beitrag gut.
  22. #22
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Morgen habe ich etwas Zeit, dann gebe ich Dir ne kurze Anleitung!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  23. #23
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Cool Danke lächeln Jetzt ist morgen. zunge Bin da, und warte gespannt lächeln
    0 Mitglieder finden den Beitrag gut.
  24. #24
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    So hier eine Anleitung für die Einbindung der Fancybox!

    Als erstes die Dateien downloaden!
    zB. Downloadlink FancyBox 1.3.4

    - Hochladen der Fancybox Dateien:
    include/includes/fancybox/... (zB. sollte die URL zur css dann so aussehen: include/includes/fancybox/jquery.fancybox-1.3.4.css)

    - Hochladen von Jquery:
    include/includes/jquery/jquery-1.4.3.min.js (befindet sich im Hauptordner des Downloads)

    in deine index.htm des Designordners zwischen <head> ... </head> folgendes einfügen:

    designordner/index.html
    <!-- JQuery -->
    <script type="text/javascript" src="include/includes/jquery/jquery-1.4.3.min.js"></script>
    <!-- Fancybox -->
    <script type="text/javascript" src="include/includes/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="include/includes/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="include/includes/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <link rel="stylesheet" href="style.css" />
    <script type="text/javascript">
    	$(document).ready(function() {
    	
    		/* Funktion einzelnes Foto nach ID */
    		$("a#fancy_single").fancybox({
    		'transitionIn': 'elastic',
    		'transitionOut': 'elastic'
    		});
    		
    		/* Funktion Galerie nach Relation-Attribut */
    		$("a[rel=fancy_group]").fancybox({
    		'transitionIn': 'elastic',
    		'transitionOut': 'elastic',
    		'titlePosition' : 'over',
    		'titleFormat': function(title, currentArray, currentIndex, currentOpts) { 
    			return '<span id="fancybox-title-over">Foto ' + (currentIndex + 1) + ' von ' 
    			+ currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
    			}
    		});
    		
    	});
    </script>


    Somit ist jetzt die Grundlage getroffen für folgende Anwendung:

    für einzelne Bilder zB. wie in PixOfX
    <a id="fancy_single" href="bildgroß.jpg" title="bild"><img alt="" src="bildklein.png" /></a>


    für gruppierte Bilder, wie zB. in einer Galerie
    <a rel="fancy_group" href="bildgroß1.jpg" title="bild1"><img alt="" src="bildklein1.png" /></a>
    <a rel="fancy_group" href="bildgroß2.jpg" title="bild2"><img alt="" src="bildklein2.png" /></a>
    <a rel="fancy_group" href="bildgroß3.jpg" title="bild3"><img alt="" src="bildklein3.png" /></a>


    Nun kommt es zur Änderung der Galerie-Dateien:
    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">&raquo;&nbsp;{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 rel="fancy_group" href="include/images/gallery/img_norm_{id}.{endung}" title="{datei_name}"><img src="include/images/gallery/img_thumb_{id}.{endung}" border="0" alt="{datei_name}" title="{besch}" /></a></td>            
        </tr>
      </table>
    </td>
    {EXPLODE}
    </tr>
    </table>
    <center>{MPL}</center>


    include/templates/user/gallery.htm
    <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3">
      <tr class="Chead">
        <td colspan="{imgperline}" align="center"><b>{uname}</b></td>
      </tr>
      <tr>
    {EXPLODE}
        <td class="{class}" width="{width}%" valign="top" align="center">
          <table class="border" border="0" cellspacing="1" cellpadding="0">
            <tr>
              <td><a rel="fancy_group" href="include/images/usergallery/img_{id}.{endung}" title="{name}"><img src="include/images/usergallery/img_thumb_{id}.{endung}" border="0" alt="{name}" title="{name}" /></a></td>           
            </tr>
          </table>
          {besch}
        </td>
    {EXPLODE}
      </tr>
    </table>
    <center>{MPL}</center>
    {EXPLODE}
    <br /><br />
    <form action="index.php?user-usergallery-{uid}" method="POST" enctype="multipart/form-data">
      <input type="hidden" name="gesendet" value="yes" />
      <fieldset>
        <legend><b>{_lang_pictureupload}</b></legend>
        <input type="file" size="40" name="file" style="margin-top:5px;" />
        <input size="60" name="text" maxlength="255" style="margin-top:5px;" /><br />
        <input type="submit" value="{_lang_formsub}" style="margin-top:5px;" />
      </fieldset>
    </form>
    {EXPLODE}
    {x}


    Es wurde somit das extra-Fenster für die Bewertung entfernt und Anzeige der Bilder per Fanybox eingebunden!
    Beispiele für andere Titelpositionierungen, oder Anzeigeeffekte befinden sich im Download (index.html)!

    Fertig ... ich hoffe jetzt klappt es!


    Zuletzt modifiziert von Lord|Schirmer am 02.08.2011 - 17:33:04
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  25. #25
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat
    1.
    <a rel="fancy_group" href="bildgroß1.jpg" title="bild1"><img alt="" src="bildklein1.png" /></a>
    2.
    <a rel="fancy_group" href="bildgroß2.jpg" title="bild2"><img alt="" src="bildklein2.png" /></a>
    3.
    <a rel="fancy_group" href="bildgroß3.jpg" title="bild3"><img alt="" src="bildklein3.png" /></a>


    Danke erstmal. Werds dan gleich mal testen. lächeln
    Heisst das jetzt das ich da jedes Bild einzeln eintragen muss? grumml


    Zuletzt modifiziert von deejay2302 am 02.08.2011 - 17:45:34
    0 Mitglieder finden den Beitrag gut.
  26. #26
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    ZitatZitat geschrieben von deejay2302

    Heisst das jetzt das ich da jedes Bild einzeln eintragen muss? grumml


    Warum? Wie kommst Du denn darauf? Teste mal meine Ausführung!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  27. #27
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Mach ich sofort. Nur schnell noch Backup von der Page machen^^ Dachte wegen den Bilderlinks img1.jpg etc. das ich die alle einzeln eintragen muss^^
    0 Mitglieder finden den Beitrag gut.
  28. #28
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    Geht nicht. Immernoch das selbe Problem. Hat sich nix geändert irgendwie^^ Die Pfade stimmen aber, zur jqery.....css und zu den anderen Dateien.
    Könnte es vielleicht daran liegen das vor dem include Ordner noch der html ist ?

    Ein Bilderlink sähe so aus h**p://schlagerkeller.net/include/images/gallery/img_norm_595.JPG


    So sieht meine index.htm jetzt aus:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
    <!-- JQuery -->
    <script type="text/javascript" src="include/includes/jquery/jquery-1.4.3.min.js"></script>
    <!-- Fancybox -->
    <script type="text/javascript" src="include/includes/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="include/includes/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="include/includes/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <link rel="stylesheet" href="style.css" />
    <script type="text/javascript">
        $(document).ready(function() {
       
            /* Funktion einzelnes Foto nach ID */
            $("a#fancy_single").fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic'
            });
           
            /* Funktion Galerie nach Relation-Attribut */
            $("a[rel=fancy_group]").fancybox({
            'transitionIn': 'elastic',
            'transitionOut': 'elastic',
            'titlePosition' : 'over',
            'titleFormat': function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">Foto ' + (currentIndex + 1) + ' von '
                + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
                }
            });
           
        });
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Schlagerkeller</title>
    <script language="JavaScript" 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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
    
    <body onLoad="animatetitle()">
    
    
    
    <script language="JavaScript"> 
    var tx = new Array ("Schlagerkeller Dresden", "Schlager, Discofox, Oldies, Pop", "Wir machen die Musik!!"); 
    var txcount=3; 
    
    var i=1; 
    var wo=0; 
    var ud=1; 
    function animatetitle() 
    { 
    window.document.title=tx[wo].substr(0, i)+" "; 
    if (ud==0) i--; 
    if (ud==1) i++; 
    if (i==-1) {ud=1;i=0;wo++;wo=wo%txcount;} 
    if (i==tx[wo].length+10) {ud=0;i=tx[wo].length;} 
    // if (window.document.title.length < 20 ) window.document.title=window.document.title+"-"; 
    // if (window.document.title.length == 20 ) window.document.title=window.document.title+"]"; 
    // if (window.document.title.length == 21 ) setTimeout("window.document.title='Animierte Seitentitel '; ",1000); 
    
    parent.window.document.title=tx[wo].substr(0, i)+" "; 
    setTimeout("animatetitle()",100); 
    } 
    </script>
    <link rel="stylesheet" type="text/css" href="include/designs/DDv6/style.css">
    
    <script type="text/javascript">
    /***********************************************
    ***********************************************/
    </script>
    <!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" lang="en" xml:lang="en">
    
    <script type="text/javascript" src="include/designs/DDv6/jquery.min.js"></script>
    <script type="text/javascript" src="include/designs/DDv6/easySlider1.5.js"></script>
    <script type="text/javascript">
    		$(document).ready(function(){	
    			$("#slider").easySlider({
    				auto: true,
    				continuous: true 
    			});
    		});	
    </script>
    <link rel="stylesheet" type="text/css" href="include/designs/DDv6/ddsmoothmenu.css" />
    <link rel="stylesheet" type="text/css" href="include/designs/DDv6/ddsmoothmenu-v.css" />
    
    <script type="text/javascript" src="include/designs/DDv6/ddsmoothmenu.js">
    
    /***********************************************
    * Smooth Navigational Menu- (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 full source code
    ***********************************************/
    
    </script>
    
    <script type="text/javascript">
    
    ddsmoothmenu.init({
    	mainmenuid: "smoothmenu1", //menu DIV id
    	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
    	classname: 'ddsmoothmenu', //class added to menu's outer DIV
    	//customtheme: ["#1c5a80", "#18374a"],
    	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })
    
    ddsmoothmenu.init({
    	mainmenuid: "smoothmenu2", //Menu DIV id
    	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
    	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
    	//customtheme: ["#804000", "#482400"],
    	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })
    
    </script>
    </head>
    
    <body>
    <table width="1095" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="226" background="include/designs/DDv6/images/DDv6_01.png">&nbsp;</td>
      </tr>
      <tr>
        <td><table width="1095" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="358" height="45" background="include/designs/DDv6/images/DDv6_02.png"></td>
            <td><div id="smoothmenu1" class="ddsmoothmenu">
    <ul>
    <li class="float"><a href="#"  class="info"></a>
      <ul>
        <li><a href="index.php?news" class="dropdown"><font color="#c0c0c0">News</font></a></li>
        <li><a href="index.php?rules" class="dropdown"><font color="#c0c0c0">Regeln</font></a></li>
        <li><a href="index.php?vote" class="dropdown"><font color="#c0c0c0">Votes</font></a></li>
        <li><a href="index.php?awards" class="dropdown"><font color="#c0c0c0">Awards</font></a></li>
        <li><a href="index.php?statistik" class="dropdown"><font color="#c0c0c0">Statistiken</font></a></li>
       </ul>
    </li>
    <li class="float"><a href="#"  class="gaming"></a>
     <ul>
        <li><a href="index.php?user" class="dropdown"><font color="#c0c0c0">Mitglieder</font></a></li>
        <li><a href="index.php?teams" class="dropdown"><font color="#c0c0c0">Unser Team</font></a></li>
        <li><a href="index.php?gallery" class="dropdown"><font color="#c0c0c0">Foto Gallerie</font></a></li>
         <li><a href="index.php?awaycal" class="dropdown"><font color="#c0c0c0">Abwesenheit</font></a></li>
         <li><a href="index.php?contact" class="dropdown"><font color="#c0c0c0">Kontakt</font></a></li>
        <li><a href="index.php?impressum" class="dropdown"><font color="#c0c0c0">Impressum</font></a></li>
     </ul>
    </li>
    <li class="float"><a href="#"  class="comm"></a>
      <ul>
        <li><a href="index.php?search" class="dropdown"><font color="#c0c0c0">Suche</font></a></li>
        <li><a href="index.php?forum" class="dropdown"><font color="#c0c0c0">Forum</font></a></li>
        <li><a href="index.php?gbook" class="dropdown"><font color="#c0c0c0">Gästebuch</font></a></li>
        <li><a href="index.php?joinus" class="dropdown"><font color="#c0c0c0">Bewirb dich</font></a></li>
        <li><a href="index.php?history" class="dropdown"><font color="#c0c0c0">&Uuml;ber Uns</font></a></li>
       </ul>
    </li>
      <li class="float"><a href="#"  class="misc">&nbsp;</a>
      <ul>
         <li><a href="index.php?kalender" class="dropdown"><font color="#c0c0c0">Kalender</font></a></li>
        <li><a href="index.php?linkus" class="dropdown"><font color="#c0c0c0">Verlink uns</font></a></li>
        <li><a href="index.php?links" class="dropdown"><font color="#c0c0c0">Links</font></a></li>
        <li><a href="index.php?downloads" class="dropdown"><font color="#c0c0c0">Downloads</font></a></li>
        </ul>
    </li>
    </ul>
    </div></td>
            <td width="130" height="45" background="include/designs/DDv6/images/DDv6_07.png"></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="28" background="include/designs/DDv6/images/DDv6_08.png">&nbsp;</td>
      </tr>
      <tr>
        <td background="include/designs/DDv6/images/DDv6_bgc.png"><table width="1095" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="254" height="310" align="left" valign="top">
            {_list_menunr1@
              <table width="254" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="22" height="42">&nbsp;</td>
                <td width="232" height="42" align="center" valign="bottom" background="include/designs/DDv6/images/DDv6_10.png"><table width="232" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="45" height="42">&nbsp;</td>
                    <td align="left" valign="middle"><span class="btitle">%1</span></td>
                    <td width="20">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td width="22">&nbsp;</td>
                <td width="232" background="include/designs/DDv6/images/DDv6_15.png"><table width="232" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="10">&nbsp;</td>
                    <td width="212" align="left" valign="top">%2</td>
                    <td width="10">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td width="22" height="11"></td>
                <td width="232" height="11" align="center" valign="top"><img src="include/designs/DDv6/images/DDv6_18.png" width="232" height="11" /></td>
              </tr>
            </table>}</td>
            <td width="799" rowspan="2" align="left" valign="top" background="include/designs/DDv6/images/DDv6_22.png"><table width="820" border="0" align="right" cellpadding="0" cellspacing="0">
              <tr>
                <td align="left" valign="top"><table width="820" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="492" height="134" align="left" valign="top" background="include/designs/DDv6/images/DDv6_11.png"><table width="492" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="8" height="134">&nbsp;</td>
                          <td height="134" align="left" valign="middle"><div id="slider">
    	 			    <ul>
            			<li><a href="http://www.taxi-uwe.de"><img src="include/images/slider/pics/DDUweWerbung.jpg" alt="" border="0" /></a></li>				
                        <li><a href="http://www.radioallways.eu"><img src="include/images/slider/pics/radioallways.jpg" alt="" border="0" /></a></li>
                        <li><a href="http://www.schlagerkeller.net"><img src="include/images/slider/pics/bannerstreet.gif" alt="" border="0" /></a></li>
                        <li><a href="http://www.francocorleone.org"><img src="include/images/slider/pics/franco.jpg" alt="" border="0" /></a></li>
    				    </ul>
    				  </div></td>
                        </tr>
                      </table></td>
                      <td width="328" height="134" align="left" valign="top" background="include/designs/DDv6/images/DDv6_12.png"><table width="328" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td height="20">&nbsp;</td>
                          <td>&nbsp;</td>
                          <td>&nbsp;</td>
                        </tr>
                        <tr>
                          <td height="112" colspan="3" align="left" valign="top"><table width="328" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="10" height="114">&nbsp;</td>
                              <td align="left" valign="top"><span class="lastforum">{_boxes_lastforum}</span></td>
                              <td width="10">&nbsp;</td>
                            </tr>
                          </table></td>
                          </tr>
                      </table></td>
                    </tr>
                </table></td>
              </tr>
              <tr>
                <td align="left" valign="top" background="include/designs/DDv6/images/DDv6_22.png"><table width="820" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="41" align="left" valign="middle" background="include/designs/DDv6/images/DDv6_16.png"><table width="820" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="50"></td>
                            <td>{HMENU}</td>
                            <td width="50"></td>
                          </tr>
                      </table></td>
                    </tr>
                    <tr>
                      <td><table width="820" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="10">&nbsp;</td>
                            <td><p>{EXPLODE}</p>
                              </td>
                            <td width="10">&nbsp;</td>
                          </tr>
                      </table></td>
                    </tr>
                </table></td>
              </tr>
            </table></td>
            <td width="21" rowspan="2" align="left" valign="top">&nbsp;</td>
          </tr>
          <tr>
            <td height="155" align="left" valign="bottom"><table width="254" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="22">&nbsp;</td>
                <td width="232" height="155"><img src="include/designs/DDv6/images/DDv6_24.png" width="232" height="155" border="0" usemap="#Map" /></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
    </table>
    <table width="1095" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="1095" height="63" background="include/designs/DDv6/images/DDv6_25.png"><font color="#f8f8ff">Style by: www.dragondesigns.de . Alle Inhalte dieser Seite sind Eigentum von www.schlagerkeller.net</font> </td>
      </tr>
    </table>
    
    <map name="Map" id="Map"><area shape="rect" coords="5,4,227,150" href="" target="_blank" />
    </map></body>
    
    </html>
    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
    {_list_vmenubegi@}
    {_list_vmenuende@}//-->



    Zuletzt modifiziert von deejay2302 am 02.08.2011 - 18:34:58
    0 Mitglieder finden den Beitrag gut.
  29. #29
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.635
    Beitragswertungen
    1193 Beitragspunkte
    Du hast 2 Links auf eine JQuery Datei drin, einmal ganz oben und dann der Slider!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  30. #30
    User Pic
    deejay2302 Mitglied
    Registriert seit
    29.01.2008
    Beiträge
    205
    Beitragswertungen
    0 Beitragspunkte
    EDIT: Es funzt lächeln Es war wirklich nur Zeile 99. Rausgelöscht und schon geht alles und Slider funzt auch noch lächeln Geilo. Dankööööööööööööööö vielmals!!! Lord Schirmer.


    Zuletzt modifiziert von deejay2302 am 02.08.2011 - 20:00:43
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten