图片的旋转可以说是一种效果,但是逐渐的,旋转已经不单单是属于视觉效果那个范畴,其更具有使用性,功能性。我们都知道,照片有时候是需要横过来的拍的,当我们预览或共享到web上时需要进行旋转。这个操作在以往可能更多的是交给软件去完成,然后再将旋转到正常角度的图片发布到web上。但是,现在直接就可以在web上对图片进行旋转之类的处理,就算图片处理软件再怎么方便好用,也不及直接发布时对图片做调整来的方便。这就是图片旋转功能的实用意义。
本文从各个方面阐述图片旋转的实现方法,一步一步,从CSS,滤镜,canvas标签,涉及各个浏览器,分析各自特性,并讲解一些插件,最后提供各种方法的综合实例,有详细的demo页面和源文件下载,希望能对您有所帮助。
文章关键字 ‘插件’
图片旋转效果的一些研究、jQuery插件及实例
2010年01月12日,星期二CSS3 border-image详解、应用及jQuery插件
2010年01月8日,星期五本文可以说是对CSS3 中border-image讲解的非常深入细致的一篇文章。对border-image进行的全方位的剖析,不是泛泛的谈参数特性,而是由大量的类比,图片标注,动画演示等。是难得的一篇优秀的技术文章(我很少称赞自己的)。相信一定会对您对border-image的理解大有帮助。
文章还列举了大量border-image的应用实例,可以让您见识到border-image惊人的应用潜力,最后还有一个相关插件的讲解。
本文提供大量的截图,手工绘图,演示图,gif动画,还有flash演示,提供详尽的demo页面,以及必要的资源下载,希望对您的学习有所帮助。
jQuery-两款不同原理的圆角插件讲解
2010年01月6日,星期三本文介绍两款原理完全不同的jQuery圆角插件,一个是jquery.corners.js插件,还有一个是jquery.corner.js插件,两个相差一个”s”,但是内部核心方法差异却很大,一个是使用canvas标签,另外一个则用div标签一个一个摞起来的。
另外,本文还会对每一款插件做讲解,包括其使用方法,实现的原理,注意的问题等。每款均提供demo页面与相关源文件下载。文章最后还总结了各个插件的优缺点等,总之,希望能对您对圆角的学习和认识有所帮助。
jQuery图片文本滚动切换插件jCarousel中文翻译与详解
2009年12月25日,星期五
jCarousel是一款历史悠久,功能强大的图片或文字等列表内容滚动切换显示插件。可以自定义皮肤,可以自定义显示的方向,可以从外部控制每次切换显示的元素的个数,动画的时间等。可以切换任何形式的数据,静态的HTML,动态的文本数据,JavaScript数据,Ajax请求的XML数据,JSON,feed订阅数据等,都可以切换显示。优点真是很多。网上推荐这款插件的文章不少,但是真正好好研究这个插件的文章就很少。我从昨晚10点一直到现在,连续奋战10多个小时终于完成了这款插件的源文件讲解及全部demo为中文翻译。
在这篇文章里,您会看到中文翻译后的插件使用等详尽的介绍,提供一一对应的中文版demo页面,提供中文版的源文件下载。希望对您有所帮助。
jQuery-火焰灯效果导航菜单
2009年12月21日,星期一
不错的菜单效果,跟flash的表现效果一样赞。为什么叫火焰灯效果,我也是直接翻译过来的,其中原因不知,我感觉似乎与哈利波特有关系。
本文一步一步讲解使用方法,介绍大致的原理,提供demo页面以及源文件打包下载,希望对您的学习有所帮助。
翻译-IE7/8@font-face嵌入字体与文字平滑
2009年12月13日,星期日这是一篇翻译的文章。主要内容如下:使用@font-font调用字体进行文字渲染的时候,IE7和IE8浏览器下的文字会有丑陋的锯齿,本篇文章就是讲为什么会有锯齿,如何解决这个问题。文章含有详细的demo页面,还有相应的jQuery插件方面解决这一问题。虽然,我们平时很少遇到这一问题,但是了解也是很重要的。
翻译水平有限,如果有不足之处欢迎指正。希望对您的学习有所帮助。
jQuery照片图像剪裁插件Jcrop中文翻译详解
2009年11月13日,星期五
在现阶段的网络应用上,凡是涉及到头像上传的,都会对头像照片进行高宽比例固定的图片剪裁处理,方便开发维护。而为了节约开发时间与成本,有时候我们可以试着使用一些jQuery插件来实现图片剪裁,其中Jcrop就是一款很不错的图片裁剪插件,然而,目前无好的中文讲解演示页面,所以我花了一天的时间将原来的英文的项目页面以及多个demo页面全部汉化变成中文,并对部分内容进行删改,方便中文用户的使用与学习。
本文讲解了图片裁剪的些方法,优缺点,讲解了Jcrop的demo的一些情况,并附加其余几个图片剪裁插件的项目地址,demo等。
文本提供完整的中文demo演示页面以及源文件下载,希望对您有所帮助。
Ajax Upload多文件上传插件翻译及中文演示
2009年11月7日,星期六Ajax Upload文件上传插件允许你上传多个插件而无需刷新页面,可以使用任何的元素来显示文件选择窗口。它可以在所有主流的浏览器下工作,从2.0版本开始,不需要任何库运行。Ajax Upload文件上传插件不会污染任何命名空间,所以它与jQuery,Prototypejs,mootools其他JavaScript库兼容。
我花费数小时将原项目英文讲演页面原封不动的翻译过来,并提供更加简化的JavaScript+php多文件上传实例。本文提供Demo页面以及源文件下载,希望对您有所帮助。