css - Easy Slider 1.7 - 使整个幻灯片可点击

Question

我正在使用 Easy Slider在我的 home page .

我的问题是，如何让每张幻灯片都可以点击？目前只有 h3 和 p 是可点击的。

这是我的代码:

<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>
...

我试过切换 <a>和 <li> , 但它弄乱了幻灯片并且没有显示所有幻灯片。

非常感谢任何帮助:)

Answer 1

实现此目的的黑客方法可能是添加 onclick 事件。

我以前用我自己的脚本( http://magazine.missouristate.edu ，带有图像的顶部区域)做过这个，但我不记得用 Easy Slider 做过。