jquery切换焦点图,可以配置显示样式,是否显示简介等功能,具体看示例中的js代码注释,效果如下,带简介和未带简介的不带简介增加简介显示 源代码如下script type=text/javascript src=/js/jquery.js/scriptscript type=text/javascript $.Imgs = function (cfg) { //默认配置 var defaultConfig = { imgWidth: 275, //图片宽 imgHeight: 215, //图片高 http://www.w3dev.cn/download/20130409/jquery-focus-images-I.aspx
jquery焦点图展示,效果如下源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlheadstyle.mt_right{ height: 280px; width: 634px; float: left;}.mtr_left{ height: 280px; width: 116px; margin-right: 5px; float: left; http://www.w3dev.cn/download/20130409/jquery-focus-images.aspx
图片滚动切换位置jquery插件,点击左右按钮移动图片,鼠标移动到图片上出现子菜单,可以向前向后和删除图片操作。 效果如下可以定义显示多少张图片,图片高和宽源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=content-type content=tex/html;charset=uthttp://www.w3dev.cn/download/20130403/image-scroll-change-position-jquery-plugin.aspx
asp无组件上传,如果是图片,可以通过aspjpeg生成缩略图和给图片添加水印。 备注:需要使用aspjpeg这个组件,一般国内的虚拟空间提供商都支持aspjpeg这个组件,如果没有那就悲剧了~~可以参考这篇文章,获取图片原始高度和宽度,设置图片的宽度或者高度实现等比缩放。asp无组件生成缩略图[非生成文件]http://www.w3dev.cn/download/20130317/asp-upload-create-Thumb-add-Watermark.aspx
1])); toWrite.WriteByte((byte)(colorPanel[buf[j, i] * 3])); } Bitmap outImg = new Bitmap(toWrite); outImg.Save(fileName, imgFormat);bmp.Save()有几个重载,可以选择保存为硬盘上的文件,也可以选择保存在一个Byte[]里,然后通过Response.BinaryWrite(Byte[ ])就可以直接在网页上显示了。flash涂鸦保存图片swf源代码http://www.w3dev.cn/download/20130205/asp.net-flash-image-draw-save.aspx
在asp.net+flash实现在线涂鸦保存图片下载中,由于作者没有提供源代码,只有一个swf文件,为了增加一些功能,如清除绘制的涂鸦线条,增加加载图片,然后给图片涂鸦等功能,只好用SWFDecompiler4.5.exe将swf反编译出来了,但是反编译出来的swf源文件有点小问题,现在已经修正反编译后出现的问题。 运行软件为flash cs3,flash8无法打开这个fla文件。http://www.w3dev.cn/download/20130205/flash-Graffiti-source-code.aspx
有时候需要把图片局部放大 ,Image Power Zoomer jquery插件非常简单的解决了这个问题,调用这个js文件后,网页上的所有图片都可以实现在鼠标滑过时进行放大,只需要在图片上添加一个指定的class 即可,更牛的是你可以通过在图片上使用鼠标滚轮来放大和所有图片的局部,效果如下 配置参数说明 defaultpower:2,放大的倍数,默认为2powerrange:[2,7],鼠标滚动时缩放的区间,默认2倍到7倍大小magnifiersize:[75, 75],放大区域块大小,默认75x75px 插件使用方法$('img#gallerya').addpowehttp://www.w3dev.cn/download/20120926/jquery-zoom-effect-plugin.aspx
可实现相机360度产品演示,点击图片可放大查看http://www.w3dev.cn/download/20120926/image-360-show.aspx
站焦点图展示效果。拍拍效果淘宝效果【参数说明】 scrollcontrol:滚动的容器(元素id) . width:横向滚动一屏的距离; height:纵向滚动一屏的距离; isLR:标识横向滚动or纵向滚动(lr|tb) mode:滚动模式(slow[减速]|fast[加速]|stand[恒速]) freq:setInterval的第二个参数,设置该参数控置移动时的频率. rv:与mode协同工作.能够影响滚动速度,不同的mode,设置rv的意义不一样,可不用设置. auto:标识是否自动滚动 autotime:自动滚动间隔,毫秒为单为,默认值3000 defindex:第一次显示焦点图的http://www.w3dev.cn/download/20120913/taobao-paipai-image-gallery.aspx
框架的图片展示效果,可以显示页码,图片简要描述,图片标题等,效果如下,效果处于切换中。具体效果到环保装饰网查看 使用方法如下,如果未指定dt,则不显示图片描述的内容,其他tl,u,img数据位必要的 //====================类库需要的数据结构 var arrData =[ { tl: '图片标题', u: '图片链接地址', img: '图片地址', dt: ' 图片简要描述'} , { tl: '图片标题', u: '图片链接地址', img: '图片地址&http://www.w3dev.cn/download/20120912/jquery-images-show-plugin.aspx
jquery图片插件,jquery图片局部放大浏览插件。使用方法请查看示例。效果如下jqury类库去这里下载,里面未包含jquery类库jquery-1.4.2.min.js下载http://www.w3dev.cn/download/20110711/jquery-plugin-circular-image-zoom.aspx
现的图片卷帘切换效果,上下左右都可以切换,兼容IE,ff,chrome,和javascript图片翻页切换效果很接近,稍微修改了一些样式和一些脚本代码。cfg配置说明w: 容器宽,不设置默认500pxh: 容器高,不设置默认为500pxdelay: 触发器间隔,默认10msstep: 切换时每次的移动的距离,默认20pxchrDelay:自动播放间隔时间,如果不传递这个值,将不会自动播放topLeft: 被移动的层距离要显示的层的距离,默认10pxzIndex: 层垂直显示循序,默认100data: 数组,对应容器的内容guider: 是否显示数字导航条,默认为false。如果只有一张图片设置http://www.w3dev.cn/download/20110328/javascript-photo-roll-up-effect.aspx
间隔,默认10msstep: 切换时每次的移动的距离,默认20pxchrDelay:自动播放间隔时间,如果不传递这个值,将不会自动播放topLeft: 被移动的层距离要显示的层的距离,默认10pxzIndex: 层垂直显示循序,默认100dir: 切换方向,从左边切换还是右边,从上还是下,默认左边到右边1,右边到左边为2,上到下3,下到上4,注意右边的时候水平导航条可能会出现data: 数组,对应容器的内容guider: 是否显示数字导航条,默认为false。如果只有一张图片设置为true也不会出现导航条guiderdir:导航在左下角1或者右上角2,默认左下角1,如果不显示导航可以忽略此参数http://www.w3dev.cn/download/20110322/photo-turn-page.aspx
一个不错的jquery图片浏览插件,插件来源:http://fancybox.net,具体使用方法请查看示例代码。效果如下http://www.w3dev.cn/download/20110318/jquery-plugin-fancybox-photo-gallery.aspx
http://www.w3dev.cn/download/20110301/jQuery-plugin-visuallightbox.aspx
图片查看效果,自动播放,图片上面显示数字导航,点击数字切换到当前图片。可修改配置文件,定制图片大小,数字导航颜色和背景颜色等。。其中IE浏览器支持滤镜转换,如果未制定滤镜,这随机11种滤镜中的其中一种。 兼容IE6,IE7,IE8,FF2,FF3.6,其他浏览器未测试。 使用说明查看下面的文章,下载的js文件中也注明了。 数字导航图片查看效果JS使用说明 注:数字导航的个数由你的数据源来确定。 效果如下图http://www.w3dev.cn/download/20100908/picture-view-guide-by-number.aspx
使用说明1)flash数据源为albuminfo.xml,参考里面的结构修改,注意不要修改节点循序。2)flash默认编码为utf-8,如果要修改为gb2312,请修改albuminfo.xml文件内容的编码【gb2312】及存储的编码【ANSI】,并且将源文件中第二帧的System.useCodepage=true注释去掉在编译生成swf文件,要不会出现乱码。3)为了节省带宽,压缩文件内没有附带图片文件,自己修改albuminfo.xml文件内容的节点artLocation的值。http://www.w3dev.cn/download/20100701/flash-picture-view-source-code.aspx
2010-06-18更新:将小图移动修改为动画效果 模仿qq/163的图片效果,可以指定显示的图片间距,每次显示的图片数量,当切换图片时,根据指定显示的图片张数,自动将当前图片定位到居中的位置。 在调用init()函数时会根据大图显示的图片自动滚动小图,让对应的小图自动居中。 显示图片的位置或者图片说明什么的,自己防止对象,使用图片类库时传递他们的id进入类库构造函数中即可。 使用说明 模仿163/qq图片浏览效果js文件说明http://www.w3dev.cn/download/20100617/imitate-163-qq-picture-view-effect.aspx
http://www.w3dev.cn/download/20090731/picture-cut-create-select-range.aspx
ajax实现鼠标移到图片上用悬挂小窗口显示文字效果如下http://www.w3dev.cn/download/20090730/ajax-get-picture-detail-information.aspx
图片的横向无间断滚动http://www.w3dev.cn/download/20090630/javascript-picture-seamless-move.aspx
不久前在csdn的js板块看到一个as+js+lightbox动态加载图片显示进度的程序,随便帮改了下代码。后面要帮女朋友搞她设计作品的展示时发现代码中的flash只提供了成功加载时的回调函数,而如果图片未找到或者刚开始加载时没有什么提示。所以自己把swf反编译了一下,修改了as脚本,使之拥有了4个回调,加载图片开始,过程,成功加载和错误的回调,增强下用户体验O(_)O~ 演示地址就在设计作品里面当然rar文件里面也有了2张图片提供,注意一定要通过服务器浏览器,双击浏览无法查看。http://www.w3dev.cn/download/20090626/actionscript-lightbox-loading-picture.aspx