Mit der Tabbox auch Fancybox benutzen
Sheppard
- html
Hey habe ein problem und zwar ich benutzte die tabbox um auf meiner seite mehrer sachen zu zeigen was man selbst aussuchen kann, alles funktioniert einwandfrei aber Wenn man nun ein tab ausgewählt hat und dann auch das Bild klickt Lädt er das bild im ganzen tab und man über den Browser zurück klicken ich möcht aber das bild in der Fancybox angezeigt kriegen , wenn ich nun als ersten TAB den tab nehme mit dem bild funktioniert die fancy box sobald man nun auf ein anderen tab klickt und wieder zurück zu den tab mit dem bild funktioniert die fancy box nicht mehr ich hab das mal mit hoch geladen über firebug müsstet ihr alles sehen können
ihr müsst auf Photoshop gehen
Könnte sich jemand melden ?
<!-- CSS datein -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/fixes.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
<!-- Javascript datein -->
<script type="text/javascript" src="JavaScript/jquery.js"></script>
<script type="text/javascript" src="JavaScript/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="JavaScript/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#test").html($("#TabNull").html());
$(".tabbox ul li a").click(function() {
$("#test").html($("#" + this.rel).html())
})});
$("a#example3").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none'
});
</script>
/* Das ist der Anfang der Datei und trotz der ganzen dekleration klappt das nicht */
<div class="tabbox">
<ul>
<li>
<a rel="tab1">Wallpaper eines Freundes</a>
</li>
<a rel="TabNull"></a>
</li>
</ul>
<div id="test">
</div>
<div id="tab1">
<br/>
<h2>Nesumir </h2>
<a id="Nesumir" href="images/Nesumir.jpg" title="Nesumir" ><img src="images/Nesumir.jpg" style="width:520px; height:358px" alt="Nesumir" /></a>
<br/>
<br/>
</div>
<div id="TabNull">
<br/>
</div>
</div>