Thursday, April 19, 2012

Slideshow with multiple hyperlinks links per slide



Have you seen those websites with the cool slideshows that have items on each slide which link to other pages?

Well, one of my customers had seen this, and that’s what they wanted, only they wanted to have 3 different links on each slide.

There are a lot of WordPress plugins that provide this sort of feature, but not with the degree of control that I wanted.

The solution that I found was to use my favourite slideshow tool (jQuery cycle)  and add image maps to each slide.


This means that I can manage what parts of each slide are links and I can have as many links as I want per slide.

You can learn more about the map tag and image maps on this page : http://www.w3schools.com/tags/tag_map.asp

And you can get jQuery cycle from : http://jquery.malsup.com/cycle/


2 comments:

  1. Big Thanks for such a wonder full info !

    ReplyDelete
  2. Nice sources you shared here thanks for it.

    ReplyDelete