篇一:jsp动态图片
JSP里如何动态实现每行多个图片
2009-10-19 15:26提问者:|浏览次数:937次
比如说我现在数据库里有15张图片,从数据库取出图片后
如何实现一行3个图片,5行结束这样的格式
请说明的详细点,谢谢
我来帮他解答
满意回答
2009-10-19 16:08
在循环的时候做判断 ,下面是一段实例代码:
<!-- 循环显示书籍信息开始 -->
<jsp:useBean id="bookBiz"
class="com.accp.e_book.model.biz.impl.BookBizImpl" scope="page" /><tag:forEach var="book" items="${bookBiz.allTitlesBean}"
varStatus="status">
<!-- 判断集合索引 -->
<tag:if test="${status.index%3==0}">
<tr>
</tag:if>
<td width="220">
<!--showBook start -->
<table cellspacing=0 cellpadding=0 width=181
background=images/bg.jpg border=0 align="center">
<tbody>
<tr>
<td width="181" height=30 valign=bottom>
<a href="displayBook.htm">
${book.title }</a>
</td>
</tr>
<tr align=center>
<td height=120>
<a href="displaybook.jsp"> <img height=110
src="images/${book.imageFile }" width=90 border=0>
</a>
</td>
</tr>
</tbody>
</table>
<!--showBook stop -->
</td>
<tag:if test="${status.index%3==2}">
<tr>
</tag:if>
</tag:forEach>
<!-- 循环显示书籍信息结束 -->
这是一个使用表格显示的列表。 主要以判断来控制表格每行的个数。
<tag:if test="${status.index%3==0}"> <tr>
</tag:if>
<tag:if test="${status.index%3==2}">
<tr>
</tag:if>
这两段控制了表格每行的个数;
如果没有学jstl标签库 使用for也可以做到。自己实现看看,祝你好运。
在jsp页面中动态插入图片
2012-07-15 10:31提问者:Reallafeel|浏览次数:136次
我想显示图书的信息,但它的路径由它的书籍编号来决定,比如编号1的书路径是D:\1.jpg,这就要把书籍编号作为参数了,我需要用<img src="路径">这种语句插入图片,我该怎么实现呢
我来帮他解答
满意回答
2012-07-15 10:35
<img src=“固定部分/<%=编号%>.jpg”>
/retype/zoom/cf10c5faf90f76c661371acb?pn=3&x=0&y=1276&raww=178&rawh=272&o=png_6_0_0_346_797_200_306_893.25_1263.375&type=pic&aimh=272&md5sum=a15a98aa4184af4bc0a2f9688100d76b&sign=8c9db2e940&zoom=&png=2530-14374&jpg=0-0" target="_blank">点此查看
弹出“选择文件”对话框,选择swf文件夹中的huaduo.swf文件。单击“确定”按钮后,插入的
Flash动画并不会在文档窗口中显示内容,而是以一个带有字母F的灰色框来表示。 在文档窗口单击这个Flash文件,就可以在属性面板中设置它的属性了。
勾选“循环”复选框时影片将连续播放,否则影片在播放一次后自动停止。
通过勾选“自动播放”复选框后,可以设定Flash文件是否在页面加载时就播放。
在“品质”下拉列表中可以选择Flash影片的画质,以最佳状态显示,就选择“高品质”。
篇二:网站动态图片及闪图制作【最新】
网站动态图片及闪图制作
互联网不断地发展,导致网站不断地增加,其中不乏一些优秀的个人网站。做网站其实很容易掌握,但是如何做出漂亮而又吸引人的网站,并不是所有掌握技术的人都能实现的。在网页设计中,不乏有两种,一种是文字,另一种是图片起到了主导地位。在图片当中,动态图片又是独支一秀。网站的各类Banner和Logo也都采用了动态图片。有关动态图片大家都不陌生,但是如何达到这样的效果却是相当的困难。但是自从Ulead GIF Animator推出后,动画制作变得相当简易,而这次Ulead公司又推出了5.0的新版本,这个版本让笔者体会到制作动态图片的乐趣,现在就让我们来看看吧。
Ulead GIF Animator百度一下软件11505588122175.html
图001:启动画面
一、新增功能
1.更人性化的用户界面
GIF Animator 5.0 重新设计了用户界面,让你在制作动画图片的时候更方便,这个版本的工作区域已经完全支持真彩色,无论你是在设计还是预览的时候都可以在真彩色的环境下了。同时,一般常用的做动画的流程都已经简化在编辑、优化和预览选项卡之间,很大程度上简化了操作难度。
图002:操作界面
2.增强的编辑能力
这个版本的 GIF Animator 在文字编辑器、选色器和选取工具上面都加强了各自的功能。同时转换器也相应的得到了增强,现在你已经可以随意调整对象的大小和角度了。
3.支持更多的输出格式
GIF Animator 5.0 支持的输出格式除了标准的 GIF 以外,现在还可以输出 FLASH 格式的 SWF 文件了。也就是说,你可以用它来做 FLASH 动画了。当然它还可以输出 MPEG、
avi、mov 等视频格式的文件,这样一来,只要你的系统安装了 MPEG4 的驱动程序,GIF Animator 5.0 也可以直接输出 MPEG4 的动画了。另外值得一提的是,它还支持 Photoimpact 的 UFO 和 Photo Shop 的 PSD 文件,这样你辛苦做出来的动画里面的层就可以得以保存和发扬光大了。
4.增加对象管理器支持更多的输出格式
这个功能在 PHOTO SHOP 等软件上面已经老早就有了,其优点也已经得到了广泛的认可,GIF Animator 5.0 也当然不会漠视,终于在这个版本里加入了这个功能,有了它以后管理、编辑起动画里面的各个对象元素就方便多了。
5.外部编辑器调用
你现在可以在 GIF Animator 里面直接调用更好的图像编辑软件如:Photoimpact 、Photo Shop 等来编辑 GIF Animator 里面的对象图形了,很大程度上扩展了 GIF Animator 的功能。当然我推荐大家还是用 Photoimpact 比较好点,毕竟是同一家公司的产品,无论的兼容性还是操作界面上都要好点、方便点。
6.强大的优化功能
新版本的 GIF Animator 在图像压缩优化方面更完善,你可以利用有损压缩、抖动颜色、颜色索引编辑等等功能来进一步优化你的作品的输出效果,而这些操作都会即时可以看到预览效果。
7.新增两个滤镜
新版本的 GIF Animator 增加了两个特效滤镜 Color Replace 和 Color Shift ,让你只需简单步骤就可以做出漂亮的效果。
8.其它
GIF Animator 除了可以输出 SWF 等文件外,还可以把你的动画导出为一个可以执行的 EXE 文件,让别人无需看图工具也可以欣赏到你的作品,同时,这个可执行文件还可以在你的作品展示完后用一些图片做背景显示你预先输入的一些字句,这个功能用来做电子贺卡相当不错。
二、下载与安装
以上略微介绍了Gif Animator 5新版本中的功能,使大家对它有了感性的认识,下面我们就一步步地挖掘Gif Animator的强大功能。
软件可以在Ulead公司的官方网站(/)下载得到。下载得到的是一个试用版本,只能有期限的试用15天,当然这个是免费的啦!
只要点击安装文件,一路“Next”下来就可以,如果你想更改安装路径的话,在系统提示你是否需要更改时更改就可以了。
开始使用Ulead GIF Animator 5.0
当启动软件后,点击Try按钮进入真正的操作。
这时,程序会弹出一个启动向导来引导设计者制作GIF动画。在这里你可以新建或者打开一个GIF图片。
图003:启动向导
在新建栏中你可以使用动画向导创建GIF动画。在打开栏中有三种打开方式。另外你
还可以选择“Do not show this dialog box next”来关闭这个功能。
(1) Animation Wizard
选择这个可以教你一步一步地完成一个GIF动画图片的制作,所以如果你是初学者,强烈建议你选择这个选项。
我个人认为,这个动画向导创建功能主要是方便了我们选择,从另外一种角度想就是提高了我们制作图片的速度。
(2) Black animation
选择这个可以建立一个空白的动画文件,选它主要是因为你想制作一个全新的GIF图。
(3) Open an existing image
没什么好说的,就是选择打开一个已经存在你机器里的GIF文件。
(4) Open an exisiting video
如果你想利用视频文件的片段来制作GIF动画的话,就可以选择这个。我们知道视频文件其实是由N个图片组成的,这个后面再说。
(5) Open a sample file
Ulead GIF Animator中有很多的示例文件,所以你想偷点懒,或者不是很熟悉GIF Animator的GIF动画制作过程也可以选择这个。
为了便于讲解,我在这里选择了“关闭”按钮。
三、实战GIF Animator 5.0
1.设置GIF Animator
在使用GIF Animator时,进行相关的设置,会得到更好的效果。选择File>Preferences,在设置选项中共有7个设置面板。在General中设置GIF Animator的普通设置。进行有关默认的设置修改。Optimize面板中设置有关动画优化的参数。Plug-in Filters中进行设置GIF Animaotr所支持外挂的配件。由于篇幅关系,这里不多一一介绍有关设置的具体操作。
图004:属性设置面板
2. 软件界面介绍
菜单栏,包括文件、编辑、查看、层、图层、滤镜、视频F/X和帮助七个菜单分别完成从图像创建导入到图层滤镜和视频特殊效果的功能。
图005:菜单栏
Ulead GIF Animator 的工具栏上包含标准的 Windows 应用程序按钮, 即新建, 打开,
保存, 撤消, 恢复, 剪切, 复制, 粘贴按钮, 使用方法和其他 Windows 应用程序一样, 我们就不在这里介绍了。在工具栏上还有一些 Ulead GIF Animator 4.0 专用的按钮, 这是我们要着重介绍的。这些按钮是:Add Blank Image(加入空图像), Add Images(从外部插入图像, 包括从外部插入 GIF 动画), Add Video(加入视频), Add Comments(加入注释)等。
图006:工具栏
Add Blank Image 加入空图像:在当前层的后面加入一个新的空白层, 层中没有任何内容。
Add Images 加入图像:在当前层的后面加入一幅新的图像, 新的图像是从外部文件获得的, 如果您插入的是一个 GIF 格式的动画文件, 那么 Ulead GIF Animator会自动把动画中的所有帧都插入到新的层, Ulead GIF Animator根据动画的帧数相应地产生新层以容纳插入的图像,可以一次选择好几幅图像一起插入到动画中。
Add Video 加入视频:插入视频文件, 如 aiv, flc, psd, fli 等, Ulead GIF Animator 4.0 会自动把视频文件中的所有帧都插入到 GIF 动画中。
Add Comments 加入注释:在动画中加入注释, 如果您想在动画中保存版权和版本, 就可以使用注释。
Move Layer Up 将当前层向上移:把当前层向上移动, 也就是说, 在播放这个动画的时候, 让当前层出现的次序提前一个单位。
Move Layer Down 将当前层向下移:把当前层向下移动, 使当前的播放次序推后一个单位。
Preview in Internet Explorer:在 Internet Explorer 中预览动画。
Preview in Navigator:在 Navigator 中预览动画。
Preview in Custom Browser:在用户指定的程序(能播放 GIF 动画的程序)中预览动画。Help 帮助:求助按钮, 点击此按钮后, 鼠标指针会变成箭头和问号, 这时您可以在 Ulead GIF Animator的界面上随意点击, Ulead GIF Animator 会告诉您点击处是什么地方以及点击处的功能等信息。
图007:绘图工具栏
常用工具面板,在这里可以对图像进行修改,例如写字,填色等。使用方法就像是Windows中自带的画图工具。
图008:常用工具面板
层面板,在第一次启动程序时,层面板显示为列表形式,可以点击缩略图和胶片标签查看每一幅图像的缩略图和相应的位置顺序。在导入多幅图像时,列表中列出了每个图像的标题(每幅图像的文件名,在参数设置区可以进行修改)
图009:层面板
工作区,在这个区域中可以查看GIF动画的结构,还可以针对每一幅GIF动画图像进行编辑。在选择工作模式中有“编辑”、“优化”和“预览”,其中最强大的是GIF的优化功能,在GIF Animator中预设了七个方案,可以将图像优化成色彩数不同的GIF动画,相应的优化后的质量也是不同的。同时还可以对优化的各种参数进行设置,在优化后程序还会报告优化的效果.
3.使用动画向导制作GIF动画
GIF Animator提供的动画向导功能可以在几分钟之内完成GIF动画制作。在制作GIF动画前要找素材,同时也可以自己设计素材。我们知道GIF Animator实际上是把一系列的GIF图片压在一起而成为一个动态的图片文件的,那么这些GIF图片就是我们所说的素材,需要我们提前制作完成,制作的工具有很多,比如Photoshop、Fireworks和Freehand等,素材准备好后就可以通过GIF Animator中的动画向导功能就制作出专业级的动画了。
在启动程序时,通过GIF Animator显示的一个启动向导来引导我们创建动画。也可以通过“File”菜单里面的“Animation Wizard”命令。
打开动画向导按钮后,会弹出一个对话框(图010)在这个对话框中可以选择我们要制作的GIF动画的尺寸。
图010:选择GIF动画尺寸
一般一个普通的Banner是468*60,系统默认值也是这个。当然软件还自带了一些常用的尺寸规格。对于特殊的要求你可以自己进行修改。
进行完有关与尺寸的设置,点击下一步按钮,进入“Selects Files” 对话框(图011)。进行有关素材的设置。
篇三:国内外经典图片网站
国外经典图库素材下载网站 /http://multimedia.lycos.com/ /nbci.asp http://clipartconnection.com/
超级图库管理软件: /图库管理、图片管理、图像管理、图形管理、图库管理、CAD图纸管理、图档管理、图形图像管理、照片管理、网络图库管理。
网络版下载:http://xcoolsoft.com/download/superlib_cn_install.zip
单机版下载:http://xcoolsoft.com/download/superlib_cn_personal_install.zip 非常图酷:
构图网: /find1.htm
美图:/s8/
搜图网:
中国图片库:
网页制作大宝库:
流星雨矢量图库:http://meteor.loadskill.com
中华图库:/photo
素材精品屋:
热线素材精品: http://sucai.zjonline.com
壁纸好莱坞:http://jimmy.transfar.com
Wincustomize:/
axialis:/
Eboy Home:
ICON List:/icon/
ICON中国:/
图标集中营:
馨雅壁纸:/cn/index.php
海龙文化:/civilization/index.asp
中国古代龙纹:http://zzx.shangdu.com/artchina_ ... to/long/page_01.htm
最好的图片搜索引擎:/imghp?hl=zh-CN
非鸟矢量图库:/
梧桐树下矢量图库:http://wtsx.my169.com/flash/2000slt/index.htm
广之源矢量素材:/Subject.asp
平面设计与桌面出版--矢量素材区:http://202.103.233.162/cd/downhtml/down-1.htm 素材网:http://gimages.myetang.com/index.htm
猫猫图片酷:/ai/index.htm
※※※国外经典矢量标志下载网站吐血推荐※※※ .pl/bank-menu.htm http://logo.nino.ru/ /logos/(苹果压缩格式的) .ua/index.html(注册才能下载) .ru/logos.shtml http://priv.twoje-sudety.pl/~logoteka/1.htm
世界所有足球俱乐部矢量标志下载:/index6.htm
闪客天地Flash矢量资源(fla格式):/vector.asp
闪客浪心:http://yaoyudx.myetang.com/flash.htm
萤窗小语---矢量图库:http://ycxy.myrice.com/siliang.htm
闪客堡部分矢量资源:/download.php?sort=1
蓝精灵flash互动网矢量资源:/flashfla/flashvl.htm 21点工作室矢量资源:http://21dotstudio.myrice.com/resource/bitmap/bmp.html
flash爱好者:/scatalog.asp?scatalog=54
海阔天空:http://labiss.3322.net/html/material-2.htm
闪光玻璃:http://suiglass.myrice.com/index/slt.htm
娱乐媒质传播网:/ /search.asp http://cn2.gograph.com/?cfid=6711151&cftoken=81480965 图像词典
图库:素材精品屋 /photo/photo.htm 新时代图霸网 .cn/ 许昌信息港---美丽图库 http://photo.ayinfo.ha.cn/ 殷都图霸 http://v9v.home.sohu.com/ 网页素材精品屋 .cn/index.html 中国图片网 / 美亚图库 / 猫猫图片酷
矢量图库: http://gjj.51.net/cgi-bin/image/imageFolio.cgi?direct=wmf/cusi http://meteor.loadskill.com/Default.asp / http://gallery.yahoo.com/ http://multimedia.lycos.com/ /这是一个多媒体的搜索引擎,目前主要提供网上图像的搜索,已收集了超过200万个图像,并且大多经过人工的筛选,因而搜索结果质量较高。 /nbci.asp http://clipartconnection.com/ /
大量免费图片,但需先注册一个用户名
字体网站:
和势精品网免费字体 /
Cool Archive Free Clip Art and Fonts - clipart, fonts, graphics, icons, animations, backgrounds, arrows, sounds
著名的04字体 ★★★★ /04/index.shtml
1001 Fonts /
英文字体下载
酷字千寻 ★★★★ http://coolfont.ayinfo.ha.cn/
中文,英文,3DMAX,更多字体
4YEO.com /
free original graphics, fonts, animated gifs, page sets, backgrounds & clipart graphics
Free 51Fonts Net ★★★☆ /
Free 51Fonts Net ] 英文字体
网页制作大宝库 ★★★ /
动画,图标,按钮,背景,线条等素材,桌面,字库
cubadust /
很酷的字体,桌面,素材原创站
http:/kfcomic.gf8.cn 藤原熏
1.) Photoshop Files
2) Official PSD’s
3.) PS galaxy