滑块内部图像

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电脑图像

滑块