【发布时间】:2012-04-30 23:24:07
【问题描述】:
我目前正在重新设计我的作品集网站,并且我想使用可能的最佳非 Flash 方法来创建在我的布局中显示的以下幻灯片:
http://oi49.tinypic.com/xeifeq.jpg
我在节目中只有 3 张左右的幻灯片,我想叠加左/右导航按钮,如图所示。
那我该怎么办呢?
【问题讨论】:
标签: php css navigation slideshow
我目前正在重新设计我的作品集网站,并且我想使用可能的最佳非 Flash 方法来创建在我的布局中显示的以下幻灯片:
http://oi49.tinypic.com/xeifeq.jpg
我在节目中只有 3 张左右的幻灯片,我想叠加左/右导航按钮,如图所示。
那我该怎么办呢?
【问题讨论】:
标签: php css navigation slideshow
有很多选择。使用像jQuery这样的javascript库,很多需要flash一次的动画都可以轻松完成。
尝试谷歌搜索,jQuery 滑块
【讨论】:
虽然您可以使用纯 CSS 解决方案,但您可以通过使用 javascript 为幻灯片制作动画来获得更好的浏览器支持。
大约有 10 亿个 javascript 插件可以为您执行此操作,但这里有一个不错的 - http://css-tricks.com/examples/AnythingSlider/
您可以调整大多数插件的 CSS 以获得您想要的叠加箭头效果。我将使用的方法是将幻灯片的容器设置为 position:relative 然后将箭头设置为 position:absolute ...例如,现在可以使用 top:50% left:0 定位左箭头
祝你好运!
【讨论】: