常乐
常乐
  • 发布:2015-10-29 23:23
  • 更新:2015-10-31 10:28
  • 阅读:4651

请问slider 图片轮播如何改变高度

分类:MUI

代码如下:

<div id="slider" class="mui-slider" >  
                <div class="mui-slider-group mui-slider-loop">  
                    <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->  
                    <div class="mui-slider-item mui-slider-item-duplicate">  
                        <a href="#">  
                            <img src="images/yuantiao.jpg">  
                            <p class="mui-slider-title">静静看这世界</p>  
                        </a>  
                    </div>  
                    <div class="mui-slider-item">  
                        <a href="#">  
                            <img src="images/shuijiao.jpg">  
                            <p class="mui-slider-title">幸福就是可以一起睡觉</p>  
                        </a>  
                    </div>  
                    <div class="mui-slider-item">  
                        <a href="#">  
                            <img src="images/muwu.jpg">  
                            <p class="mui-slider-title">想要一间这样的木屋,静静的喝咖啡</p>  
                        </a>  
                    </div>  
                    <div class="mui-slider-item">  
                        <a href="#">  
                            <img src="images/cbd.jpg">  
                            <p class="mui-slider-title">Color of SIP CBD</p>  
                        </a>  
                    </div>  
                    <div class="mui-slider-item">  
                        <a href="#">  
                            <img src="images/yuantiao.jpg">  
                            <p class="mui-slider-title">静静看这世界</p>  
                        </a>  
                    </div>  
                    <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->  
                    <div class="mui-slider-item mui-slider-item-duplicate">  
                        <a href="#">  
                            <img src="images/shuijiao.jpg">  
                            <p class="mui-slider-title">幸福就是可以一起睡觉</p>  
                        </a>  
                    </div>  
                </div>  
                <div class="mui-slider-indicator mui-text-right">  
                    <div class="mui-indicator mui-active"></div>  
                    <div class="mui-indicator"></div>  
                    <div class="mui-indicator"></div>  
                    <div class="mui-indicator"></div>  
                </div>  
            </div>
2015-10-29 23:23 负责人:无 分享
已邀请:
Autumn

Autumn

<style type="text/css">  
    #slider img{  
        height: 200px;  
    }  
</style>

如上即可。

常乐

常乐 (作者)

走了满多弯路,只可以变大,变小好像有固定值变不小的,要想变小请改变你图片的大小就行了。方便后人.

该问题目前已经被锁定, 无法添加新回复