diy幻灯片 for dz3制作教程

貌似很不错！ 呵呵~~

楼主好人！呵呵:sleepy:

{:soso_e100:}{:soso_e100:}

感觉蛮好用的！就是幻灯片最下面有黑色阴影，问下楼主该怎样去掉

17回忆 发表于 2013-1-4 14:16
感觉蛮好用的！就是幻灯片最下面有黑色阴影，问下楼主该怎样去掉

请找到 html6game_js_slider\css\skin 1\style.css ，用 记事本或 dw打开，找到（大约第三小段 css）

1. #iview {
   
2.         display: block;
   
3.         width: 960px;
   
4.         height: 500px;
   
5.         background: #000;
   
6.         background: rgba(0, 0, 0, 0.7);
   
7.         padding: 0px;
   
8.         border-radius: 5px;
   
9.         position: relative;
   
10.         -webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
    
11.         -moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
    
12.         box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
    
13.         margin: 0px auto;
    
14. }

复制代码

去掉这两行 css

1. -webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);
   
2. -moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);

复制代码

另外文字在 html5浏览器下会有阴影，同样将全部

1. text-shadow: #000 1px 1px 0px;

复制代码

修改成

1. text-shadow: none;

复制代码

这些都是样式，偶当时制作米有合并 css，也米用最小 min js，如果对性能有要求，可以将几个 css合并成一个，使用 最小 min js，偶现在就将 css合并成了一个，将 js放至 oss，这样减少了幻灯加载时间和提高了点性能。

html6 发表于 2013-1-5 15:31
请找到 html6game_js_slider\css\skin 1\style.css ，用 记事本或 dw打开，找到（大约第三小段 css）去掉 ...

太感谢了！

楼主，我可是冒着被删帖的危险给您回复的，您一定要帮我求情啊

楼主，如果我不想要500像素高呢？可以弄成其他尺寸吗？比如300左右，要修改哪里啊？

killuat 发表于 2013-1-7 15:35
楼主，如果我不想要500像素高呢？可以弄成其他尺寸吗？比如300左右，要修改哪里啊？

尺寸在前台 diy里面（缩略图宽度/高度）修改，因为偶添加了 {width} {height}字段，尺寸改成合适的就行。

目录咋找不到