【问题标题】:Simple slideshow with navigation overlay带有导航覆盖的简单幻灯片
【发布时间】:2012-04-30 23:24:07
【问题描述】:

我目前正在重新设计我的作品集网站,并且我想使用可能的最佳非 Flash 方法来创建在我的布局中显示的以下幻灯片:

http://oi49.tinypic.com/xeifeq.jpg

我在节目中只有 3 张左右的幻灯片,我想叠加左/右导航按钮,如图所示。

那我该怎么办呢?

【问题讨论】:

    标签: php css navigation slideshow


    【解决方案1】:

    有很多选择。使用像jQuery这样的javascript库,很多需要flash一次的动画都可以轻松完成。

    尝试谷歌搜索,jQuery 滑块

    【讨论】:

      【解决方案2】:

      虽然您可以使用纯 CSS 解决方案,但您可以通过使用 javascript 为幻灯片制作动画来获得更好的浏览器支持。

      大约有 10 亿个 javascript 插件可以为您执行此操作,但这里有一个不错的 - http://css-tricks.com/examples/AnythingSlider/

      您可以调整大多数插件的 CSS 以获得您想要的叠加箭头效果。我将使用的方法是将幻灯片的容器设置为 position:relative 然后将箭头设置为 position:absolute ...例如,现在可以使用 top:50% left:0 定位左箭头

      祝你好运!

      【讨论】:

        猜你喜欢
        • 2012-11-09
        • 2015-03-06
        • 2018-05-10
        • 2014-09-21
        • 1970-01-01
        • 1970-01-01
        • 2013-12-12
        • 2017-03-13
        • 2013-10-26
        相关资源
        最近更新 更多