Question

regarding jQuery Tools Apple Overlay demo

How do I use text link <A> to run the overlay instead of using IMG?

Answer 1

You just need to change the jquery selector to identify your link (or any type of object for that matter).

Change:

$("#apple img[rel]").overlay({effect: 'apple'});

To:

$("#apple_link").overlay({effect: 'apple'});//selects a single link with an id of 'apple_link'

or

$("a[rel]").overlay({effect: 'apple'});//selects all links with a rel attribute

Where ‘apple_link’ is the id of the link, also add a rel attribute onto the link like so:

<a href='#' rel='div_to_open' id='apple_link'>Link Text</a>

Note: The value of the rel is the div that will be opened in the overlay