本帖最后由 绝对执着 于 2013-3-30 07:38 编辑
问题是这样的,我把幻灯片展示窗口的大小改为1200x450,然后把要展示的图片像素也调整为1200x450,但是展示的时候图片显示不全,正常来说我这么改不是应该正常显示的吗?问题如下图:
我是菜鸟,求各位大牛们解答,还有,怎么让它自动调整图片大小,不知道我做对没有,下面是代码:- <style type="text/css">
- ul { list-style-type:none }
- html { overflow-x:hidden; overflow-y:scroll; }
- .slides { position:relative; width:1200px; height:450px; margin:0 auto; z-index:1; }
- .slides_container { width:1200px; height:450px; position:absolute; left:0px; top:-72px; }
- .pagination { width:100px; height:10px; margin:10px auto; margin-top:-55px;/* margin:26px auto 0;position:absolute; left:340px; top:450px; */}
- .pagination li { float:left; margin:0 1px; }
- .pagination li a { display:block; margin-right:2px; margin:0 auto; width:16px; height:0px; padding-top:16px; background-image:url({$_G['style']['styleimgdir']}/slide_dot.gif); background-position:0 -3px; float:left; overflow:hidden; }
- .pagination li.current a { background-position:0 -19px; }
- </style>
- <script src="{$_G['style']['styleimgdir']}/jquery-1.js"></script>
- <script src="{$_G['style']['styleimgdir']}/slides.js"></script>
- <script>
- jQuery(function(){
- jQuery('#slides').slides({
- preload: true,
- preloadImage: 'img/loading.gif',
- play: 5000,
- pause: 2500,
- hoverPause: true,
- container: 'slides_container',
- animationStart: function(){
- jQuery('.caption').animate({
- bottom:-35
- },100);
- },
- animationComplete: function(current){
- jQuery('.caption').animate({
- bottom:0
- },200);
- if (window.console && console.log) {
- // example return of current slide number
- console.log(current);
- };
- }
- });
- });
- </script>
复制代码 |