Solved

Nice JQuery Effect for Page needed

Posted on 2013-01-04
11
279 Views
Last Modified: 2013-01-21
Hi everyone,

I'm looking for a nice JQuery effect to do the follows.

I have 8 menu catagories for page links on a page and when a user clicks on a catagory I would like it to do something fancy. There are about 9 catagories and each catagory has about 15-20 page links in them. I may put big buttons for each catagory and then when they are pressed a jquery transition is played showing the sub categories.

 I'm not 100% sure of the best page layout to go with this  yet so any suggestions would be appreciated. There are lots of jquery samples and tutorials online so pointing at one of these would be great.

Thanks,

D
0
Comment
Question by:TLN_CANADA
  • 5
  • 2
  • 2
  • +2
11 Comments
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 38746534
0
 
LVL 8

Accepted Solution

by:
wal_toor earned 500 total points
ID: 38746697
Something like sorting/filtering?

http://css-tricks.com/filtering-blocks/
http://isotope.metafizzy.co/ (really cool)

Hope this is what you mean.

greetz,
walter
0
 

Author Comment

by:TLN_CANADA
ID: 38748030
Thanks everyone,

@Walter, I love the isotope script you sent on. We're having some difficultly setting it up though. Would you like me to open a new question for this or to discuss it here?

Thanks,

Derek
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 

Author Comment

by:TLN_CANADA
ID: 38748077
It would be nice to be able to download the "elements complete" example (including graphcis) from website as I would only need to make some small changes to this and would have it working myself.

I downloaded the source files for this project but none of the demos have any content so it's difficult to see how they function.

Thanks for your help,

Derek
0
 
LVL 19

Expert Comment

by:Manoj Patil
ID: 38748985
0
 
LVL 19

Expert Comment

by:Manoj Patil
ID: 38749003
0
 
LVL 8

Expert Comment

by:wal_toor
ID: 38749061
Hi Derek,

To be honest, I have never worked with isotope before, but it should'nt be hard. As long as the sortable elements have their unique tags as class it should work. But I am happy to help you. Can you provide an example?

greetz,
walter
0
 
LVL 26

Expert Comment

by:EddieShipman
ID: 38751004
You could turn your pages into a "book" using Turn.js and it does great:
http://turnjs.com/
0
 

Author Comment

by:TLN_CANADA
ID: 38764158
Thank you Walter for offering to help. I am on vacation until Monday but will post what I have made then. I have more of it working now but some guidance would be appreciated.
0
 

Author Comment

by:TLN_CANADA
ID: 38795947
Hi Walter, I am still working with getting the contents finalised before completing the CSS on this page. Thanks again for your offer to help.
0
 

Author Comment

by:TLN_CANADA
ID: 38804286
Thanks Walter, as you had provided the solution I have awarded the pointed to you and closed the question.

I have setup another question here asking for help with isotope and if you have time to assist me that would be greatly appreciated.

http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Jquery/Q_28003801.html
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction Got endorsements from your clients?  Great!  There is almost nothing better than word-of-mouth advertising.  But how can you do that on the internet?  Sure you can make a page for endorsement quotations and list them all, but who is …
What is a Lightbox? A Lightbox is the effect you see when you click, for example, an image and the screen fades out and up pops the same image but in its full size dimensions. There are lots of Lightbox effects for jQuery. Problem is they are a…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

815 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now