Pokušao sam implementirati fancybox ali mi ne uspijeva. Klikom na malu sliku se treba otvoriti velika slika u boxu ali meni se otvori slika sama [attachment=1]Untitled.jpg[/attachment]. Evo kod pa ako netko vidi u čemu je greška.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="stil.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
/* This is basic - uses default settings */
$("a#single_image").fancybox();
/* Using custom settings */
$("a#inline").fancybox({
'hideOnContentClick': true
});
/* Apply fancybox to multiple items */
$("a.group").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 600,
'speedOut' : 200,
'overlayShow' : false
});
});
</script>
a ovo je slika koju pozivam:
<a id="single_image" href="slike/etfos_logo_veca_rezolucija_1.jpg"><img src="slike/1.jpg" alt=""/></a>