整页画廊

时间:2012-09-18 10:18:57

标签: jquery html

我对一个画廊有一个想法,我需要一些帮助来解决我需要的jQuery插件。

我打算使用jQuery Timeline插件来查看不同的年份。每年都会有一些文字,我希望有一个图像库在背景中全屏显示(淡入淡出效果)。单击每年时,将显示文本和一组不同的图像。

时间轴插件使用列表项,是否有一种方法可以实现一个插件,以显示每个项目上的图库项目列表?

这是时间轴html的摘录:

<div id="timeline">
        <ul id="dates">
            <li><a href="#1900">1900</a></li>
            <li><a href="#1930">1930</a></li>
            <li><a href="#1944">1944</a></li>
            <li><a href="#1950">1950</a></li>
            <li><a href="#1971">1971</a></li>
            <li><a href="#1977">1977</a></li>
            <li><a href="#1989">1989</a></li>
            <li><a href="#1999">1999</a></li>
            <li><a href="#2001">2001</a></li>
            <li><a href="#2011">2011</a></li>
        </ul>
        <ul id="issues">
            <li id="1900">
                <img src="images/1.png" width="256" height="256" />
                <h1>1900</h1>
                <p>Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta ligula.</p>
            </li>
            <li id="1930">
                <img src="images/2.png" width="256" height="256" />
                <h1>1930</h1>
                <p>Donec semper quam scelerisque tortor dictum gravida. In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit, sem diam ultrices mauris, eu consequat purus metus eu velit. Proin metus odio, aliquam eget molestie nec, gravida ut sapien. Phasellus quis est sed turpis sollicitudin venenatis sed eu odio. Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta ligula.</p>
            </li>

我需要的是每个日期(每个项目中)的整页背景库。

任何人有任何想法吗?

1 个答案:

答案 0 :(得分:0)

我推荐Supersized。我已经在生产中使用它,发现它简单而有力。

http://www.buildinternet.com/project/supersized/