How can I us Cycle plugin & Fancybox Plugin together?
Hi I am a beginner to JQuery/JS. I am able to set up the Cycle plugin and Fancybox plugin and get them to work separately however they won't work at the same time. I have included my code. Any suggestions on how to fix this or what I am doing wrong would be greatly appreciated.
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
})
</script>
<!--FANCYBOX -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script>
<script>
$(document).ready(function() {
$('.fancybox').fancybox();
});
</script>
</head>