Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[求助] 首页幻灯片问题求助

[复制链接]
绝对执着 发表于 2013-3-30 07:35:46 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X2.5
浏览器: IE8 IE9 360 IE10 
使用模板: 其他模板(请在回帖中说明模板的名称或者是模板的下载地址)
BUG地址: http://www.ipiaoling.com
本帖最后由 绝对执着 于 2013-3-30 07:38 编辑

问题是这样的,我把幻灯片展示窗口的大小改为1200x450,然后把要展示的图片像素也调整为1200x450,但是展示的时候图片显示不全,正常来说我这么改不是应该正常显示的吗?问题如下图:


我是菜鸟,求各位大牛们解答,还有,怎么让它自动调整图片大小,不知道我做对没有,下面是代码:
  1. <style type="text/css">
  2. ul { list-style-type:none }
  3. html { overflow-x:hidden; overflow-y:scroll; }
  4. .slides { position:relative;  width:1200px; height:450px; margin:0 auto;  z-index:1;  }
  5. .slides_container { width:1200px;  height:450px; position:absolute; left:0px;  top:-72px;  }

  6. .pagination {  width:100px;  height:10px; margin:10px auto; margin-top:-55px;/* margin:26px auto 0;position:absolute; left:340px; top:450px; */}
  7. .pagination li { float:left; margin:0 1px; }
  8. .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; }
  9. .pagination li.current a { background-position:0 -19px; }
  10. </style>
  11. <script src="{$_G['style']['styleimgdir']}/jquery-1.js"></script>
  12. <script src="{$_G['style']['styleimgdir']}/slides.js"></script>
  13. <script>
  14.                 jQuery(function(){
  15.                         jQuery('#slides').slides({
  16.                                 preload: true,
  17.                                 preloadImage: 'img/loading.gif',
  18.                                 play: 5000,
  19.                                 pause: 2500,
  20.                                 hoverPause: true,
  21.                                 container: 'slides_container',
  22.                                 animationStart: function(){
  23.                                         jQuery('.caption').animate({
  24.                                                 bottom:-35
  25.                                         },100);
  26.                                 },
  27.                                 animationComplete: function(current){
  28.                                         jQuery('.caption').animate({
  29.                                                 bottom:0
  30.                                         },200);
  31.                                         if (window.console && console.log) {
  32.                                                 // example return of current slide number
  33.                                                 console.log(current);
  34.                                         };
  35.                                 }
  36.                         });
  37.                 });
  38.         </script>
复制代码

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
 楼主| 绝对执着 发表于 2013-3-31 22:56:07 | 显示全部楼层
为什么没有人来帮帮我呢{:soso_e105:}
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-25 08:48 , Processed in 0.026477 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表