Video tutorials
YouTube RSS Feed


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;


 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!


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 6 Accordion jQuery Tip 6 Accordion
jQuery Tip 13 Modal Window jQuery Tip 13 Modal Window
Simple jQuery Slider Simple jQuery Slider
Leave a comment

Leave a Reply