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:
dann steh im Element selber(da ich ein cms benutze)
und noch die css dazu:
ich hoffe sehr jemand kann mir iwie helfen!?
LG Niki
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>
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