Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/227.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 带导航覆盖的简单幻灯片放映_Php_Css_Navigation_Slideshow - Fatal编程技术网

Php 带导航覆盖的简单幻灯片放映

Php 带导航覆盖的简单幻灯片放映,php,css,navigation,slideshow,Php,Css,Navigation,Slideshow,我目前正在重新设计我的公文包网站&我想使用最好的非flash方法创建以下幻灯片,如我的布局所示: 我将只有3张左右的幻灯片在节目中,我想覆盖左/右导航按钮,如图所示 那么我该怎么做呢?尽管您可以使用纯CSS解决方案,但通过使用javascript制作幻灯片动画,您会获得更好的浏览器支持 大约有10亿个javascript插件可以为您实现这一点,但这里有一个很好的插件- 你可以调整大多数插件的CSS以获得你想要的叠加箭头效果。我使用的方法是将幻灯片的容器设置为position:relative,

我目前正在重新设计我的公文包网站&我想使用最好的非flash方法创建以下幻灯片,如我的布局所示:

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


那么我该怎么做呢?

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

大约有10亿个javascript插件可以为您实现这一点,但这里有一个很好的插件-

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


祝你好运

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

试试谷歌,jQuery滑块