Using Cycle Lite and Lightbox in same HTML doc - can not get both to work?
Hi there
I have used two jQuery plugins on one html page - Cycle Lite and Lightbox. However, I can only get one plugin to work at one time. With the following code, Cycle Lite works but Lightbox doesn't.
Code in header:
- <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
- <script type="text/javascript" src="js/prototype.js"></script>
- <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
- <script type="text/javascript" src="js/lightbox.js"></script>
- <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
- <script type="text/javascript" src="js/jquery.cycle.lite.1.0.js"></script>
- <script type="text/javascript">
- $(function(){
- $('#banner').cycle({
- timeout: 8000
- });
- });
- </script>
If I remove
- <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
then Lightbox works but Cycle Lite doesn't. So I presume it is a conflict between the javascripts that are loading?
Could someone shed some light on this, please.
Thanks in advance. H