slideshow and jquery not working!

[zombies]

Apart from the slideshow

I am trying to get this to work

http://www.gmarwaha.com/blog/category/client-side/jquery/

maybe a javascript conflict

[zombies]

Hi

The site is not online at the moment, no point setting it all up if I cant get some of the things working, may do without cms.

It does work fine in its normal html mode.

[Luisehahne]

Can you post an url to have a look, what is wrong

Dietmar

[maverik]

 i dont know the menu but cycle is working here http://www.jacks-vita.de

i think your call is wrong

my the call is

Code Select Expand

$('.pics').cycle({
    fx:     'fadeZoom, slideX,  wipe, growX, shuffle'

});

you find all options here http://malsup.com/jquery/cycle/options.html

[zombies]

Hi

I am converting (trying to!) a template to WB

I have a slideshow in there and also jquery menu

head code -

Code Select Expand

<!-- //      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 -

Code Select Expand

<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 -

Code Select Expand

               <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?