JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed ForumsWeb DesignJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old September 27th, 2012, 09:25 PM
jmmbeez jmmbeez is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Sep 2012
Posts: 1 jmmbeez User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 m 17 sec
Reputation Power: 0
jQuery - Jquery navigation menu with slider

I am a little bit of a novice. I am trying to edit a menu either using jquery or javascript . The website is holysabbathdallas.com, I want to make the slider below change as menu items are clicked on. I have tried searching on google and I cant find anything. Right now it changes randomly and I would like to change that. The slider is a nivo slider but I can use other sliders.

Also I would like the menu and slider to kind of be changing and rotating constantly.

Thanks Guys

Reply With Quote
  #2  
Old September 29th, 2012, 04:25 PM
aeternus's Avatar
aeternus aeternus is offline
For POny!
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Apr 2012
Location: Amsterdam
Posts: 416 aeternus User rank is First Lieutenant (10000 - 20000 Reputation Level)aeternus User rank is First Lieutenant (10000 - 20000 Reputation Level)aeternus User rank is First Lieutenant (10000 - 20000 Reputation Level)aeternus User rank is First Lieutenant (10000 - 20000 Reputation Level)aeternus User rank is First Lieutenant (10000 - 20000 Reputation Level)aeternus User rank is First Lieutenant (10000 - 20000 Reputation Level)aeternus User rank is First Lieutenant (10000 - 20000 Reputation Level)aeternus User rank is First Lieutenant (10000 - 20000 Reputation Level) 
Time spent in forums: 5 Days 4 h 56 m 43 sec
Reputation Power: 114
Hi I am not sure If i quite understand you, but don't you mean if someone hovers over a menu item the image changes instead of clicking. Clicking will initiate a new page to be loaded.

Also the problem is that your menu links do not have something that makes them unique link and id to target them with jquery in a consistent way. ie
Code:
<a href="#" id="lessons">lessons</a>


in jquery you could than do the following.
Code:
$(document).ready(function(){
    $('#lessons, #aboutus').hover(function() {
        var name = $(this).attr('id');
        $("#nivoSlider").css("background-image", name+".jpg");        
    }); 
});


Code is not tested but should give an idea
__________________
PHP Tutorial

Last edited by aeternus : September 29th, 2012 at 04:34 PM.

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignJavaScript Development > jQuery - Jquery navigation menu with slider

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap