2012-09-18 48 views
0

我有一個畫廊的想法,我需要一些幫助,我需要做什麼jQuery插件來做到這一點。整個頁面庫

我打算使用jQuery Timeline插件來查看不同的年份。每年都會有一些文字,我希望有一個圖像的畫廊出現在背景中的全屏(淡入淡出效果)。當點擊每年時,會顯示文本和一組不同的圖像。

時間軸插件使用列表項,是否有一種實現插件的方式,以顯示每個項目上的圖庫項目列表?

這是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> 

我需要的是每個日期整個頁面的背景畫廊(每個李項)。

任何人有任何想法?

+0

這只是它我還沒有嘗試過任何東西,我只是要求,以找出是否有可能。 – Rob

回答