Voor de fancybox kan je alle bestanden downloaden deze pak je uit en zet je in de map van je site.
Als goed is heb je dan een map fancybox.
In deze map staan alle js en css files die je nodig heb.
je kan deze op de volgende manier aanroepen in je html file.
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs...n.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
Dan moet je nog een class of een id declareren waar dit script voor moet werken
deze komt ook nog voor de sluiting vande head tag.
Code:
<script type="text/javascript">
$(document).ready(function() {
$(".movie").fancybox({
'width' : 514 ,
'height' : 424 ,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
});
</script>
Nu moeten we nog de html maken hiervoor in dit geval linken we naar een niewue pagina die in een iframe wordt geladen en getoond wordt in de fancybox
Code:
<a class="movie" href="youtube_1.html"><IMG border=0 src="img/7.1.jpg" width=100 height=67></a>
Als goed is kan je er nu wel uitkomen mocht je nog vragen hebben dan horen we het graag.
suc6 er mee
Favorieten/bladwijzers