Hi
I am converting (trying to!) a template to WB
I have a slideshow in there and also jquery menu
head code -
<!-- // Javascript Files For Menu Top // -->
<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/js/jquery.js" ></script>
<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/js/jquery.easing.min.js" ></script>
<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/js/js.js" ></script>
<!-- // Javascript Files For booking // -->
<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/booking.js" ></script>
<!-- // Javascript Files For Slideshow Images // -->
<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/js/jquery_cycle.js" ></script>
<script type="text/javascript">
<!--
$(function() {
$('#slideshow img:first').fadeIn(700, function() {
$('#slideshow').cycle();
});
});
//-->
</script>
slideshow bit -
<div id="header">
<!-- BEGIN SLIDER -->
<div id="slides_container">
<div id="slideshow" class="pics"> <img src="<?php echo TEMPLATE_DIR; ?>/images/2.jpg" alt="Slideshow" width="433" height="228"/> <img src="<?php echo TEMPLATE_DIR; ?>/images/01.jpg" alt="Slideshow" width="433" height="228"/> <img src="<?php echo TEMPLATE_DIR; ?>/images/3.jpg" alt="Slideshow" width="433" height="228"/><img src="<?php echo TEMPLATE_DIR; ?>/images/4.jpg" alt="Slideshow" width="433" height="228"/> <img src="<?php echo TEMPLATE_DIR; ?>/images/5.jpg" alt="Slideshow" width="433" height="228"/></div>
<!-- end of slideshow -->
menu bit -
<div id="topmenu">
<div id="nav">
<ul class="lavaLamp" id="menu"><?php show_menu(1, 0, 1, true, '<li [current]>[a][menu_title][/a]', '</li>', '<ul>', '</ul>', '', 'class="active"'); ?></div>
</ul>
</div><!-- end of topmenu -->
the first image shows on the slideshow but thats it, no fade, no change
and the menu highlights the active page but no sliding jquery gadgetry on the menu items
Any ideas?