LUCiD GRAFiX Logo

Video tutorials
YouTube RSS Feed
Search

VIDEO TUTORIAL

jQuery Tip 2 Photo Swap

*Set the video to HD for best viewing experience.
Written by Posted on July 29th, 2013 No Comments
Share This

jQuery Tip 2 Photo Swap

Today we are going to continue are jQuery tips with another tip using basic attribute swapping. This is a useful tip that can add a little spice to your photo gallery.

So lets get started with the markup;

HTML

 Here is the CSS

The jQuery Magic

So what were doing is basically swapping a href for a src attribute and populating a p with the title attribute.

I hope this helps out on a project.

Happy Coding!

Check out the Demo! Download files!

About

Hi, my name is Eric Young. I’m a web designer who has worked in the IT industry since 2000. I love blogging and making the web a better place. If I'm not here I'm probably playing Gears of War. LOL

Related Articles You Might Enjoy!

Text Size Modifier jQuery Tip 4 Text Size Modifier
Cool Picture SlideToggle jQuery Tip 5 Cool Picture SlideToggle
How to use Modernizr SIMPLIFIED How to use Modernizr SIMPLIFIED
Leave a comment

Leave a Reply