我想在我的网站中设计图像幻灯片，其功能类似于http://wearehunted.com/a/#/emerging/中的功能 。但是，我不会有像参考网站中那样的小图像。相反，我将只有一个完整的图像占据整个屏幕。
任何人都可以帮助我如何实现这一点。这可以仅使用 CSS + html 完成，还是我需要使用 jquery 或 javascript 以及 html 和 css。
问问题
184 次
2 回答
1
仅使用 css 和 html，您将无法进行幻灯片放映之类的操作。
如果您想保持它非常简单和轻便（没有库等），您可以简单地使用 javascript 检查您的光标是否靠近左边框或右边框。如果它比某个值更接近，则调用一个将图片滑动到所要求方向的函数（例如通过增加/减少来改变它的绝对位置left:variable%;）
这是一个非常粗糙的小提琴，您可以依赖http://jsfiddle.net/6VdL7/
在我的示例中，我只检查左侧，而不检查图片是否到右侧结束。此外，我只实现了mousemove.
希望这可以帮助你到达你想要的地方。
于 2012-11-16T13:15:22.087 回答
1
对于全屏幻灯片，我使用这个：http: //vegas.jaysalvat.com/
它使用起来非常简单，有很多选项，并且还具有叠加层，可以使拉伸的图像看起来很漂亮。
于 2012-11-16T10:01:21.953 回答