`
codeplay
  • 浏览: 7214 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

写了一个简单的开源Javascript显示图片的效果库

阅读更多

写了一个简单的开源Javascript显示图片的效果库,大家多提意见,也非常欢迎感兴趣的兄弟姐妹加入。

现在只是一个很基本的框架,只有几个效果而已。

http://code.google.com/p/js-image-transition-library/

 

演示:

http://js-image-transition-library.appspot.com/demo/demo1.html

3
0
分享到:
评论
1 楼 TTLtry 2009-03-02  
  前两天刚刚学习javascript,看到一个关于网页图片产生的思路,看到这个代码效果,感觉不错

相关推荐

    JavaScript开源的的智能图片裁剪库smartcrop.js.zip

    但是图片默认的裁剪区域往往被显示在一个固定的位置,而这个位置却往往又不是精准的用户裁剪位置。因此今天为大家介绍的这一款开源库,就是为了解决这类问题,并为用户提供更好的用户体验的。 smartcrop.js 支持: ...

    4个顶级开源JavaScript图表库

    Chart.js是一个轻量级的开源JavaScript图表库,它使用HTML5的Canvas元素来渲染图表。这个库以其简单性和易用性而受到开发者的喜爱,它支持多种图表类型,包括:条形图、折线图、面积图、线性比例和散点图等。此外,...

    一个图片js代码展示很美丽的图片效果

    标题中的“一个图片js代码展示很美丽的图片效果”指的是使用JavaScript实现的一种图像展示特效,这种特效能够使图片在页面上展现出吸引人的视觉效果,为用户带来更好的浏览体验。 描述中提到,“图片可换js代码”,...

    从两侧向中间拼合的JavaScript图片切换效果.rar

    每张图片都是一个单独的img元素,但只有当前显示的图片是可见的,其余图片则隐藏或者设置为透明。例如: ```html ;"> ;"> ;"> ``` 在这个例子中,`image3.jpg`是初始显示的图片,其他图片则是隐藏的。 接...

    JavaScript改变图片透明度,鼠标放上渐渐显示.rar

    在JavaScript中,改变图片的透明度以及实现鼠标悬停时图片渐渐显示的效果是常见的交互设计。这个示例可能包含一个HTML文件、一个CSS文件和一个JavaScript文件,它们协同工作来达到预期的效果。以下是对这个主题的...

    用开源项目Cropper实现对图片的裁剪

    Cropper是一个轻量级的JavaScript库,专门用于图像裁剪,它提供了丰富的API和配置选项,以满足不同场景下的裁剪需求。 首先,我们需要了解Cropper的基本原理。它基于HTML5的Canvas元素,通过Canvas的绘图和图像处理...

    有点炫的JavaScript立体图片展示.rar

    这个名为"有点炫的JavaScript立体图片展示"的压缩包很可能是包含了一个使用JavaScript技术实现的图片展示特效代码库或者示例项目。通过这个项目,我们可以深入学习和理解JavaScript在创建动态视觉效果方面的应用。 ...

    图片翻开效果

    它不仅仅是一个简单的图片显示功能,更是一种交互式设计,让用户在浏览内容时感受到趣味性和互动性。 实现图片翻开效果有多种方法,包括使用CSS3、JavaScript库以及一些图形处理软件。以下是对这些方法的详细介绍:...

    图片创意切换效果 图片轮流切换 图片动态切换

    在IT行业中,图片展示是网页设计、APP界面和多媒体应用中的关键元素,而"图片创意切换效果"就是一种提升用户体验的重要技术。这种效果通常应用于图片展示模块,如轮播图、幻灯片或者产品展示区域,它使得多张图片...

    vividjs一个JavaScript库它可以轻松定制和使用SVG图标

    总的来说,Vivid.js 是一个强大且灵活的JavaScript库,它简化了SVG图标的使用和定制,对于任何想要在项目中引入SVG图标的开发者来说,都是一个值得考虑的工具。通过熟悉这个库,你可以提升Web应用的视觉效果和用户...

    JavaScript_Luckysheet是一个像excel一样的在线电子表格,功能强大,配置简单,完全开源.zip

    JavaScript_Luckysheet是一个基于JavaScript开发的开源项目,旨在提供一个功能强大且配置简单的在线电子表格解决方案。这个项目的核心特点是其高度类似于Excel的用户界面和交互体验,使得用户在网页上也能享受到类似...

    前端开源库-support-for.zip

    1. **jQuery**:这是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。jQuery使得前端代码更简洁、可读性更强,对于新手开发者尤其友好。 2. **React**:由Facebook开发的JavaScript库...

    H5 PhotoSwipe简单例子 vue图片拉伸放大缩放例子

    2. **PhotoSwipe**:PhotoSwipe是一个流行的开源JavaScript图片画廊插件,适用于移动设备和桌面浏览器。它提供了流畅的图片滑动、缩放和导航功能。在Vue项目中,我们需要通过Vue的插件系统或者直接引入库文件来使用...

    前端开源库-snapy-file

    - **快速预览**:库支持快速生成文件的预览图,对于图片、文本文件等可以立即显示效果。 - **多种格式支持**:不仅限于图片,Snapy-File 还能处理各种类型的文件,如PDF、DOCX、TXT等。 - **API 简洁易用**:通过...

    前端开源库-svg-browserify

    `svg-browserify`就是为了解决这个问题而诞生的一个前端开源库。 ### 1. SVG的优势与应用 SVG图像具有以下优点: - **矢量特性**:SVG图像由数学路径定义,可以无限放大而不失真,适合制作图标、图表和复杂的图形...

    前端开源库-rect-crop.zip

    Rect-Crop,一个专门用于图片裁剪的开源库,以其轻量级、易用性和高度可定制性,在众多前端组件中脱颖而出。本文将深入探讨Rect-Crop库的核心功能、使用方法以及其在实际项目中的应用。 一、Rect-Crop库简介 Rect-...

    Javascript画图js包

    WZ JSGraphics是一个开源的JavaScript图形库,它提供了丰富的API和方法,使得在HTML5 canvas上进行图形操作变得简单易行。开发者可以使用这个库来创建图表、动画、游戏,甚至复杂的图形用户界面。在HTML5时代,...

    前端开源库-vue-image-compare

    Vue-image-compare 是一个基于 Vue.js 的前端开源库,专为实现图像比较功能而设计。它提供了一个直观的用户界面,通过滑块控制,使用户可以方便地对比两张图片的差异,广泛应用于产品展示、效果对比等场景。 ### 1....

    前端开源库-imgpx

    `imgpx` 是一个专为前端开发者设计的开源库,主要用于获取图像的像素矩阵。在网页开发中,尤其是在处理图像处理、图像分析或者需要进行像素级别的操作时,`imgpx` 提供了一个便捷的解决方案。通过这个库,开发者可以...

    jQuery局部图片放大显示.zip

    jQuery是由John Resig在2006年创建的一个开源库,它的目标是使JavaScript编程变得更加简单。jQuery通过封装JavaScript的常见操作,如DOM元素选择、事件处理、动画以及Ajax交互,大大降低了开发者的代码量和复杂性。...

Global site tag (gtag.js) - Google Analytics