• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fancybox funktioniert auf einmal nicht mehr, HILFE?!

Nikita

Mitglied
Hey liebe Comunity,
ich hab, wie oben schon gesagt, das Problem dass die Fancybox die ich eingebaut habe nicht mehr funktioniert, obwohl ich meiner meinung nach nichts verändert habe :O sie öffnet die Bilder beim klicken jetzt einfach im tab und nicht im Vordergrund so wie es sein soll. Ich habe gestern den Nivo-Slider mit eingebaut, ist jemandem bekannt ob sich die beiden vill nicht vertragen?
hier ein Ausschnitt aus meinem Code:

HTML:
<link rel="stylesheet" type="text/css" href="/level9_cms/layout/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

<script type="text/javascript" src="/level9_cms/layout/js/fancybox/jquery-1.4.3.min.js">

</script>
<script type="text/javascript" src="/level9_cms/layout/js/fancybox/jquery.fancybox-1.3.4.pack.js">

</script>
<script type="text/javascript" src="/level9_cms/layout/js/fancybox/jquery.mousewheel-3.0.4.pack.js">

</script>
<script type="text/javascript" src="/level9_cms/layout/js/fancybox/jquery.easing-1.3.pack.js">

</script>

<link rel="stylesheet" href="/level9_cms/layout/js/nivoslider/nivo-slider.css"type="text/css"media="screen"/>
<script src="/level9_cms/layout/js/fancybox/jquery-1.4.3.min.js" type="text/javascript"></script>
<script src="/level9_cms/layout/js/nivoslider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="/level9_cms/layout/js/function.js" type="text/javascript"></script>


<div class="TopBereich">
  <div class="Text">wasser · wärme · gase · tiefbau</div>
  <div class="Logo"><a href="http://www.sagasser.net/"><img src="/level9_cms/layout/logo.png" alt=""/></a>  
  </div>
  <div class="clear"></div>
</div>
dann steh im Element selber(da ich ein cms benutze)
Code:
<?php

  $imgcount=0;
  if(!isset($fancygalcount)) $fancygalcount = 0;
  else $fancygalcount++;
  
  if(!isset($fancyitemcount)) $fancyitemcount= 0;
  else $fancyitemcount++;
  
?>
<div class="fancyboxgallery_absatz fancyboxgalleryitem<?php echo $fancyitemcount%3 ?>">
  <div class="AuftraggeberBox">
    <div class="AuftraggeberLogo">
      ###LINK-TAG-ID:1-BEGIN+<img alt="" src="###IMAGE_URL-ID:0###" />+LINK-TAG-ID:1-END###
    </div>
    <div class="Geber">###TEXT-ZEILE-ID:2###</br>
      <h2>###TEXT-ZEILE-ID:3###</h2>
    </div>
    ###DYNAMIC+
    <div class="fancyboxitem fancyitem<?echo ($imgcount++);?>">
      <div class="Mini_Background">
        <div class="fancyboxitemin">
          <a title="" href="###IMAGE_URL-ID:dy0###" rel="example_group<?php echo $fancygalcount;?>">
            <img alt="" src="http://www.sagasser.net/level9_cms/images_user/thumb.php?image=###IMAGE_URL-ID:dy0###&y=<?php  if($imgcount== 1) echo '149'; else echo '44'; ?>&x=<?php  if($imgcount== 1) echo '285'; else echo '44';  ?>&max=1&res=60" border="0px none;" />
          </a>
        </div>
      </div>
    </div>
    +DYNAMIC###
  </div> 
</div> 
<script>
$("a[rel=example_group<?php echo $fancygalcount;?>]").fancybox({
    'transitionIn'    : 'none',
    'transitionOut'    : 'none',
    'titlePosition'   : 'over',
    'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
        return '<span id="fancybox-title-over"><span style="margin-right:10px;;">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length +' </span>'+ title + '</span>';
    }
  });

</script>

und noch die css dazu:

Code:
/*---- FancyBoxGallery ----*/


div.fancyboxitemin { overflow: hidden; width: 285px;}

.fancyitem0 { width:298px;padding-top:16px;background-image: url(../layout/auftragbox_background.png);background-repeat:no-repeat;background-position:top center;height:165px;}

.fancyitem0 img {margin: -3px 0 0 13px;}

.fancyboxgallery_absatz {width:314px;float:left;}

.fancyboxgalleryitem0 { margin-left: 15px;}

.fancyitem{ height: 40px;overflow: hidden;padding: 4px;width: 40px;}



.fancyitem1 {background-image: url(../layout/mini_background.png);background-repeat: no-repeat;float: left;height: 52px;width: 52px;padding:4px;}

.fancyitem1 img{float:left;xwidth:45px;  xheight: 45px;margin-right:10px;}

.fancyitem1 .Mini_Background {overflow:hidden; width:44px;}



.fancyitem2 { background-image: url(../layout/mini_background.png); background-repeat: no-repeat; float: left;height: 52px;width: 52px;padding:4px;}

.fancyitem2 img{float:left;xwidth:45px;  xheight: 45px;margin-right:10px;}

.fancyitem2 .Mini_Background {overflow:hidden; width:44px;}   /*---- geht noch bis .fancyitem5 aber ich denke 2 bsp reichen^^ ----*/

ich hoffe sehr jemand kann mir iwie helfen!?

LG Niki
 
okay ich habs schon allein gefunden xD passiert mir iwie oft, dass wenn ich das Problem poste dass ich dann auf einmal sehe woran es liegt^^

für die die es interessiert: es lag daran dass ich durch die fancybox und den nivoslider die

jquery-1.4.3.min.js datei 2 mal includiert hatte, das gab iwie das Problem =) jetzt gehts wieder.
 
Zurück
Oben