2012-12-25 110 views
0

我使用一個無序列表中的畫廊,像波紋管:呼叫燈箱與onclick事件

<ul> 
    <li style="background: center no-repeat #bc874c url(images/image-01.jpg)"></li> 
    <li style="background: center no-repeat #bc874c url(images/image-02.jpg)"></li> 
    <li style="background: center no-repeat #bc874c url(images/image-03.jpg)"></li> 
    <li style="background: center no-repeat #bc874c url(images/image-04.jpg)"></li> 
</ul> 

正如你所看到的,我使用的元素的背景來顯示圖像,所以,我想當用戶點擊li元素時,一個燈箱打開,這是可能的嗎?

非常感謝。

回答

0

,你可以把每個L1 onclick事件,但它會更容易只是把HREF每個環節裏面立..

<ul> 
    <li onclick="alert('here');" style="background: center no-repeat #bc874c url(images/image-01.jpg)"></li> 
    <li style="background: center no-repeat #bc874c url(images/image-02.jpg)"></li> 
    <li style="background: center no-repeat #bc874c url(images/image-03.jpg)"></li> 
    <li style="background: center no-repeat #bc874c url(images/image-04.jpg)"></li> 
</ul> 

可能創建一個jQuery函數並傳遞圖像URL作爲變量。 .let我知道,我也許可以爲你寫點東西

+1

我想讓onClick事件調用燈箱,而不使用「a」元素。 –