兼容ie7十来种3d轮播切换效果

所属分类:媒体-幻灯片和轮播图

 41928  453  查看评论 (26)
分享到微信朋友圈
X
兼容ie7十来种3d轮播切换效果 ie兼容7

页面上更改轮播框大小,再直接插入你想要轮播的图片即可,简单方便

相关插件-幻灯片和轮播图

基于anime.js全屏图片视差旋转切换

基于anime.js制作全屏响应式的图片轮播展示效果
  幻灯片和轮播图
 28590  446

jquery响应式幻灯片

jquery响应式幻灯片
  幻灯片和轮播图
 44815  353

HTML5 svg全屏图片切换遮罩动画

svg全屏图片切换遮罩动画
  幻灯片和轮播图
 37457  366

iSlider手机端图片滑动切换插件

iSlider.js手机幻灯片代码制作手指滑动手机端图片轮播代码
  幻灯片和轮播图
 79827  497

讨论这个项目(26)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    远在天边ぃ 0
    2021/4/28 17:45:32
    ?ω? 0
    2017/12/15 9:44:43

    这个的插件叫什么?

    回复
    long_jun 0
    2017/7/12 13:35:40

    这个在哪里修改那个轮播的速度啊

    回复
    Trust me ° 0
    2017/5/31 18:19:53

    width 100% 设置不了  只认识数字 不认识%符号。。。。100%就是100PX,效果不错,就是很难弄

        Trust me °0
        2017/5/31 18:30:42
        卧槽  试着改了改  改好了 100%完美运行  赞一个,提示一下把css拿出来 不要设置行内,然后给轮播的div给上width100%;给上高度,完美解决。
        Trust me °3
        2017/5/31 18:32:36
        html,body {
        	height:100%;
        	width:100%;
        	padding:0;
        	margin:0;
        	overflow:hidden;
        	background-color:#1F1F1F;
        }
        .slider {
        	overflow:hidden;
        	cursor:move;
        	position:absolute;
        	overflow:hidden;
        	left:0px;
        	top:0px;
        	width:100%;
        }
        .slider div {
        	height:570px;
        	width:100%
        }
        .slider img {
        	width:100%;
        }
        .av {
        	background-color:red !important;
        }
        .slidetip {
        	position:fixed;
        	z-index:99;
        	bottom:20px;
        	left:45%;
        }
        #slider1_container {
        	position:relative;
        	top:0px;
        	left:0px;
        	right:0;
        	width:100%;
        	height:570px;
        }

        因为我图片是570的高度 所以就是570. 然后把下载的行内样式去掉就OK

        Traveller0
        2018/6/27 23:58:29
        不错
    回复
    夕诚月 0
    2017/4/19 15:04:34

    这个文件相当难改宽度。弄个100%宽度弄半天。趁早下架吧。浪费我5JQ币。

        夕诚月0
        2017/4/19 15:06:31

        还弄不成功。

        jq_learner0
        2017/9/18 16:47:44

        这个插件我以前用过。一定要给出一个最小宽度,否则无法正常运行。比如你设置了1920px,那么在1920px及以下它会自适应,包括那些指示点、左右箭头和在图片上额外增加的文字说明都会根据屏幕宽度缩放。所以对自适应而言,这个插件不大理想。因为这样在1920px下那些点和箭头要设置得很大,否则一旦屏幕缩小,这些可能都看不清。总之,这个插件效果虽然很炫酷,但是不算一个很好用的插件。

        jq_learner0
        2017/9/18 17:03:08

        额,仔细看了一下代码,楼主这个是较早版本的,不会自动缩放。

    回复
    随遇而安 0
    2017/4/18 13:56:06

    5个JQ币。。。。有没有人把width:100%成功了的?

        jq_learner0
        2017/9/18 16:48:22

        这个插件我以前用过。一定要给出一个最小宽度,否则无法正常运行。比如你设置了1920px,那么在1920px及以下它会自适应,包括那些指示点、左右箭头和在图片上额外增加的文字说明都会根据屏幕宽度缩放。所以对自适应而言,这个插件不大理想。因为这样在1920px下那些点和箭头要设置得很大,否则一旦屏幕缩小,这些可能都看不清。总之,这个插件效果虽然很炫酷,但是不算一个很好用的插件。

        jq_learner0
        2017/9/18 17:10:07

        额,仔细看了一下代码,楼主这个是较早版本的,不会自动缩放。

    回复
    西安印刷 0
    2017/4/17 3:11:49
    ┽浅安 0
    2017/3/20 19:06:12

    弄了一下午,感觉要死掉了

    回复
    -果冻-- 0
    2017/1/17 15:22:25
    样式也不调好, IE模式下,轮播点直接掉下来~
        0
        2017/1/28 15:27:06

        叫你好好

    回复
    沁心源泉 0
    2017/1/16 20:31:35

    兼容ie7,你来搞笑的吧,用了多少css3属性呢

        fly eye0
        2017/1/17 10:44:14

        ie7照常轮播而已,没说ie7有3d效果

        jq_learner0
        2017/9/18 17:11:19

        其实这个插件不大好用,所以不火。

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复