找回密码
 注册

QQ登录

只需一步,快速开始

查看: 6447|回复: 13

[求助] 话说网站banner内容设置图片还是背景的问题?

[复制链接]
发表于 2015-1-6 15:00:22 | 显示全部楼层 |阅读模式
网站的banner内容轮播大家都知道了吧?就是图片一个一个的变换。
记得以前banner里面的图片都是直接用图片的,但是现在发现网站都把图片当成背景了。
现在不是很明白,直接用图片和css里面当成背景有什么不同,难道说在 css里面当背景加载速度快吗? 还有一个问题就是,如果
把图片当背景加载用,那么动态网站该怎么实现呢?css貌似不能加载动态数据库里面图片名字吧?
发表于 2015-1-6 19:00:03 | 显示全部楼层
<li style="background:"></li>
回复 支持 反对

使用道具 举报

发表于 2015-1-6 22:10:56 | 显示全部楼层
我觉得网站的banner内容轮播设置成图片好,动态更换方便,尺寸缩放自如。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-1-7 09:19:29 | 显示全部楼层
yypz 发表于 2015-1-6 22:10
我觉得网站的banner内容轮播设置成图片好,动态更换方便,尺寸缩放自如。

我也是这么觉得的,但是发现很多网站都把图片作为背景播放了,不知道为何。
回复 支持 反对

使用道具 举报

发表于 2015-1-7 09:52:15 | 显示全部楼层
chenglidian 发表于 2015-1-7 09:19
我也是这么觉得的,但是发现很多网站都把图片作为背景播放了,不知道为何。

我也不知道,但觉得好像是开发人员的一种“习惯思维”(JQ操作DIV),另外可以防止非IE浏览器右键保存图片。
回复 支持 反对

使用道具 举报

发表于 2015-1-7 10:12:37 | 显示全部楼层
用内联样式style
回复 支持 反对

使用道具 举报

发表于 2015-1-12 09:40:51 | 显示全部楼层
chenglidian 发表于 2015-1-7 09:19
我也是这么觉得的,但是发现很多网站都把图片作为背景播放了,不知道为何。

设置为背景,如果是大图的话,可以方便居中,小屏幕中超出隐藏~个人觉得!
回复 支持 反对

使用道具 举报

发表于 2015-1-12 09:59:47 | 显示全部楼层
可以全屏居中,你只要把主体内容放在中间,比如网站整体宽度是1000,那你把banner主体想表达的内容做在最中间1000里面,超出1000的地方可以用纯色或者别的素材填充,,,显得网站比较大气,,现在流行尺寸是1920
回复 支持 反对

使用道具 举报

发表于 2015-1-12 13:40:21 | 显示全部楼层
好像只有用背景的那种方式能做出来多种不同的显示效果吧,
回复 支持 反对

使用道具 举报

 楼主| 发表于 2015-1-15 09:41:49 | 显示全部楼层
lyj4532556 发表于 2015-1-12 09:59
可以全屏居中,你只要把主体内容放在中间,比如网站整体宽度是1000,那你把banner主体想表达的内容做在最中 ...

是的,我也发现有这个优点,但是问题是,如果网站做成动态的,那么图片怎么获取?因为背景图是在css里面控制的。
回复 支持 反对

使用道具 举报

发表于 2015-1-15 11:02:37 | 显示全部楼层
chenglidian 发表于 2015-1-15 09:41
是的,我也发现有这个优点,但是问题是,如果网站做成动态的,那么图片怎么获取?因为背景图是在css里面 ...

背景图片可以使用js直接写在文档上~然后程序控制js中图片引用地址来动态~貌似这样行吧?
回复 支持 反对

使用道具 举报

发表于 2015-1-15 15:22:56 | 显示全部楼层
本帖最后由 yypz 于 2015-1-15 16:34 编辑
lyj4532556 发表于 2015-1-12 09:59
可以全屏居中,你只要把主体内容放在中间,比如网站整体宽度是1000,那你把banner主体想表达的内容做在最中 ...


使用图片标签(节点)可以更方便地实现:

1、任意分辨率居下水平和垂直居中;

2、任意舞台尺寸下按最佳比例缩放;

3、以淡入淡出|水平推拉|垂直推拉等方式实现图片动态过度切换。


http://dreamdesign.csrjgzs.com/Article/ShowClass.asp?/a-1.html

  这个图片播放器高度是固定的500像素,宽度能自动适应980-1920的分辨率(图片按最佳比例缩放、水平垂直居中)。
  图片是按需要动态加载-卸载的,内存之中始终只有5张图片,不仅节省内存、节约带宽、而且可以播放几百上千张的海量大相册。
  可以使用鼠标滚轮换图(鼠标位于窗口:中间1/3时--->淡入、左边1/3时--->上下推拉、右边1/3时--->左右推拉)
  或者使用键盘快捷键换图(回车--->淡入、加减号--->上下推拉、左右方向键--->左右推拉、F2--->打开|收起Banner展图播放器、F8---弹出缩略图相册、F9--->弹出可滚轮缩放单图相册)

这个图片播放器高度是固定的500像素,宽度能自动适应980-1920的分辨率(图片按最佳比.jpg


上面截图中的那张图片:1280 * 853
http://dreamdesign.105.idcxin.co ... B4%BB%E7%85%A77.jpg
回复 支持 反对

使用道具 举报

发表于 2015-1-15 16:35:25 | 显示全部楼层
chenglidian 发表于 2015-1-15 09:41
是的,我也发现有这个优点,但是问题是,如果网站做成动态的,那么图片怎么获取?因为背景图是在css里面 ...

大家都说了,是写在内联样式里啊,好吧,你赢了,给你写出来吧<li style="background:url() center center no-repeat"></li>其他 样式,比如控制li调试的都写在.css文件就好了
回复 支持 反对

使用道具 举报

发表于 2015-1-16 21:04:15 | 显示全部楼层
凤凰网这个图片播放器效果不错,可以借鉴:

《歌手姚贝娜病逝 生前旧照回顾[高清大图](12/30)》

http://ent.ifeng.com//a//20150116/42201194_0.shtml#p=12
回复 支持 反对

使用道具 举报

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

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-1-20 05:48 , Processed in 0.072697 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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