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 11 Simple AJAX .load jQuery Tip 11 Simple AJAX .load
jQuery Tip 7 Fixed Header Scroll Event jQuery Tip 7 Fixed Header Scroll Event
jQuery Tip 12 Simple SlideDown Menu jQuery Tip 12 Simple SlideDown Menu
Leave a comment

Leave a Reply