JQuery my new Girlfriend Part2

  BlueTone Media

So since my last post I have really dove into jquery head first and found a copious amount of new plugins to use from cookies to carousels and I thought I would share a few with you we really used on MattMcgrawPhotography.com we are still tweaking the site but it is live in it's current form.

We started off by of course grabbing Google's version of jquery located here

http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js

Everyone should really be using it if you are using jquery and if you aren't just cave in and drink the koolaid you will be happier in the long run. Then Using regular old jquery animations we made it so when you click on the galleries nav item it expands out to show sub navigation items
and has a nice sliding animation to it.


Glowing Nav http://alistapart.com/article/sprites2

Next what we did was use a plugin from AListApart.com that does nice nav sprite transitions.
Causing the rollover effect to glow instead of the normal quick up down state
the plugin offers two really nice transitions the glow that we used and also a sliding motion to swap between up and hover which isn't bad either.

 

Cookie Jpg

Now the tricky part was we needed to do some cookie/session editing to make it so if a user opens the gallery menu to have it stay open on page refreshes.  Luckily we were able to find a jquery cookie plugin that made the process uncomplicated.  so now if someone clicks on the gallery nav item it stores that they clicked it open and when the page refreshes from going to a different gallery or contact page after the page loads jquery checks to see if that cookie is stored and set to an open state if it is then jquery animates the nav item to open. and if they click the nav item again it stores that it is closed.

http://www.mikeindustries.com/blog/sifr/

Sifr on Matt McgrawTo get most of the text on his site and to still be search engine friendly we used another little bit of javascript that replaces the text with a font stile that Matt picked out

 

 

 

 

So to wrap all of this up Jquery can do alot and if you don't feel like building your own plugins then don't there are ton out there and you can probably find one to fit your needs and tweak it from there.
If anyone reading this would like any more info feel free to drop me a line on our contact form and once again you can see all of these features and some more I didn't mention implimented on MattMcGrawPhotography.com

 

Newsletter Sign Up

© Copyright 2019 BlueTone Media. All rights reserved.
Privacy Policy | Terms of Use | Sitemap

X
×

Fill out the form below to see our Plans and Pricing

 

I'm looking for...