Welcome, Guest. Please login or register.
July 29, 2010, 07:10:40 PM

Login with username, password and session length
Search:     Advanced search
Interested in joining the WebsiteBaker team?
For more Information read here or on our new website.
119280 Posts in 17081 Topics by 9086 Members
Latest Member: Emiliano
* Home Help Search Login Register
+  WebsiteBaker Community Forum
|-+  English
| |-+  jQuery
| | |-+  slideshow and jquery not working!
Pages: [1] Go Down Print
Author Topic: slideshow and jquery not working!  (Read 798 times)
zombies

Offline Offline

Posts: 8


« on: December 13, 2009, 01:21:29 AM »

Hi

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

I have a slideshow in there and also jquery menu

head code -
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 -
Code:
<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:
               <div id="topmenu">
                    <div id="nav">
                        <ul class="lavaLamp" id="menu"><?php show_menu(101true'<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?
« Last Edit: December 13, 2009, 01:26:44 AM by zombies » Logged
maverik

Offline Offline

Posts: 1037


..:: viva los tioz ::..


WWW
« Reply #1 on: December 13, 2009, 08:06:38 AM »

 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:
$('.pics').cycle({
    fx:     'fadeZoom, slideX,  wipe, growX, shuffle'

 });

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

openSUSE 11.0 | apache 2.2.15 | php 5.2.11 | mysql 5.0.51a
Das Geheimnis meiner Kraft
Luisehahne
Development Team
******
Offline Offline

Posts: 2389


Survival of all or none


WWW
« Reply #2 on: December 13, 2009, 10:33:46 AM »

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

Dietmar
Logged

Nichts ist Besser oder Schlechter - alles ist gleich
zombies

Offline Offline

Posts: 8


« Reply #3 on: December 13, 2009, 12:46:41 PM »

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.

Logged
zombies

Offline Offline

Posts: 8


« Reply #4 on: December 13, 2009, 03:20:35 PM »

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
Logged
Pages: [1] Go Up Print 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.11 | SMF © 2006-2009, Simple Machines LLC Valid XHTML 1.0! Valid CSS!
-->