2009-10-14 59 views
0

閃光燈我有一個任務:我在這個頁面使用JavaScript來取代閃存alement:http://www.fplus.si/ (改變與按鈕圖像的每個圖像)更換使用javascript

Afcourse它的外觀和工作excactly相同。我發現了幾乎這樣的jquery模塊,但並不一樣。有人偶然發現了這種模塊嗎?

感謝幫助,彼得

+0

我認爲你可以做出比現在更好的按鈕......不要只是讓它變得更好,更好! – Skilldrick 2009-10-14 11:32:54

回答

1

我不認爲你的客戶意思是完全一樣。你可以使用一些合適的旋轉木馬/燈箱控制,並使用CSS將這些按鈕正確放置在圖像上。

但據我所知,這完全是通過在預定義時間間隔內衰減圖像來完成的。沒有特別的功能。它也可以在沒有任何特殊控制的情況下完成。只要你有一些實現動畫的客戶端庫。使用

position: relative; 
top: -50px; /* as much as needed */ 
margin-left: 20px; 
float: left; 

,並設置其:hover狀態具有不同background-image CSS設置

位置的按鈕。但是不要忘記在CSS設置clear: both之後再增加一個空的<div>。繼續保留文檔的其餘部分。

+0

好的,謝謝你的幫助,我會去這個方向... – Peter 2009-10-14 10:10:15

+0

一個投票將有助於...;) – 2009-10-14 10:10:26

+0

你去:) – Skilldrick 2009-10-14 11:31:03

0

如果他們需要,你可以搶在網站上這兩個州的圖像(正常和翻轉)以及普通的HTML + CSS的使用這些圖片,並定義側翻一模一樣用翻轉圖像狀態。 它可以這麼簡單。

你甚至可以選擇用css或javascript來實現翻轉功能。 我個人更喜歡css,因爲你不能100%依賴於在客戶端激活的javascript。

+0

什麼我不知道如何添加按鈕1,2,3,4 ....在圖片的底部... 每個按鈕都有其翻轉狀態,所以他們必須是他們自己的對象? – Peter 2009-10-14 10:02:48