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!

jQuery Tip 14 Testimonial Slideshow jQuery Tip 14 Testimonial Slideshow
jQuery Tip 3 Style Sheet Switcher jQuery Tip 3 Style Sheet Switcher
jQuery Tip 13 Modal Window jQuery Tip 13 Modal Window
Leave a comment

Leave a Reply