滑塊內部圖像

Question

我想要在圖像（特別是iMac）中放置滑塊，就像他們在unbounce homepage上所做的那樣。我想我需要一個div然後jQuery，但我不知道從哪裏開始。

東西是Mac內部的圖像發生變化，但不是iMac圖像本身。 如果有幫助，我使用WordPress，所以我也可以使用任何插件。 你有什麼想法如何做到這一點？

謝謝

http://i.stack.imgur.com/HVe98.png

Answer 1

我會建議你使用HTML畫布複雜的圖像渲染。 你可以動態地繪製你想要的東西，你想要我是他們。 您可以使用畫布旋轉，移動，疊加圖像並添加偵聽器以單擊事件。

從這裏開始： Dynamically add image to canvas。 或者在這裏： Dynamically add image to canvas

Answer 2

晚，但可能會（通過增加難度的水平）有所幫助：

• 使用iMac的圖像作爲幀PNG，留下其內部「空」的使用透明度。它的背後，滑塊
• 讓這每一個圖像通過iMac的
• 位置framde的滑塊徘徊在iMac電腦圖像

滑塊