Search code examples
cssblockhref

Easy Slider 1.7 - make entire slide clickable

I'm using the Easy Slider on my home page.

My question is, how can I make each entire slide clickable? Currently only the h3 and p are clickable.

Here is my code:

<li id="header1">
    <a href="history/">
        <h3>Championship History</h3>
        <p>Perhaps the most important aspect of Stanford's athletics program is that its success serves to validate the "scholar-athlete" approach to intercollegiate athletics competition. READ MORE &raquo;</p>
    </a>
</li>
<li id="header2">
    <a href="voices-of-champions/">
        <h3>Voices of Champions</h3>
        <p>A rare and exceptional group of individuals, Stanford scholar-athletes deserve to be heard. READ MORE &raquo;</p>
    </a>
</li>
...

I've tried switching the <a> and <li>, but it messes up the slideshow and doesn't show all the slides.

Any help is greatly appreiated :)

Solution

  • A hack way to do it could be to add onclick events.

    I have done this before with my own script (http://magazine.missouristate.edu, the top area with the images), but I can't remember doing it with Easy Slider.