可控制GIF动画图片播放和暂停jQuery插件

gifplayer是一款可以控制GIF动画格式图片播放和暂停的jQuery插件。该jQuery插件使用简单，文件体积小。可用于控制任何GIF动画图片的开始播放和暂停播放。

要使用该GIF动画图片jquery插件，可以分为下面的五个步骤：

在你的页面中添加一个静态版本的GIF图片，格式为PNG、jpg等图片格式都可以。
在img标签中添加data-gif属性指向GIF动画图片，或者不写也可以。
在图片文件夹中放置.gif格式的图片和它的静态版本的图片，两个图片的名称要相同。
在你的页面中引入gifplayer.js和gifplayer.css文件。
页面加载完毕后，通过.gifplayer()方法调用该插件。

在线演示：http://www.htmleaf.com/Demo/201503071479.html

下载地址：http://www.htmleaf.com/jQuery/Image-Effects/201503071478.html

时间： 2024-08-26 05:58:24

可控制GIF动画图片播放和暂停jQuery插件的相关文章

使用as3控制动画的播放与暂停

1.需要两个按钮元件 2.在属性面板为两个按钮元件分别命名为pausebutton与playButton 3.代码 stop(); pausebutton.visible = false; playButton.visible = true; function startMovie(event:MouseEvent):void { this.play(); playButton.visible = false; pausebutton.visible = true; } function sto

HTML5动画图片播放器高端大气

我们见过很多图片播放插件(焦点图),很多都基于jQuery.今天介绍的HTML5图片播放器很特别,它不仅在图片间切换有过渡动画效果,而且在切换时图片中的元素也将出现动画效果,比如图中的文字移动.打散.重新组合等.这款HTML5动画图片播放器算得上是高端大气上档次. 在线演示源码下载转载自:http://www.html5tricks.com/html5-image-player-with-animation.html HTML5动画图片播放器高端大气

[ActionScript 3.0] 如何控制加载swf动画的播放与暂停

此方法适用于用as 1.0或者as2.0以及as3.0编译的swf,因为as1.0和as2.0编译的swf是AVM1Movie类型,因此需要通过类ForcibleLoader.as将其转换为version 9以上的swf,注意,如果加载的swf是3.0代码编译的,且此swf用文档类编译,则文档类必须继承MovieClip,接下来看代码: 首先写一个加载swf的类SwfPlayer.as: 1 package com.views 2 { 3 import com.controls.utils.Fo

实现背景图片镜头模糊特效的jQuery插件

动画的内容与控制：动画是视图序列的播放

数据结构与算法的观点: 数据结构:视图序列: 算法:播放控制: 动画是采用连续播放静止图像的方法产生物体运动的效果. 动画是视图(图像)序列的播放: 动画的内容:图片包含图片的生成: 图片的处理:合成.光学.几何操作等: 动画的控制:动画的播放控制播放的基本单元是帧: 播放是将图片序列在时间轴上逐帧展示: 播放的控制: 1.速率控制 2.时长控制: 3.反复控制: 4.停播控制: 原文地址:https://www.cnblogs.com/feng9exe/p/10345488.html

自己做jQuery插件：将audio5js封装成jQuery语音播放插件

日前的一个项目需要用到语音播放功能.发现Audio5js符合需求且使用简单,又鉴于jQuery控件便于开发操作,于是有了以下的封装. 首先先简单介绍一下Audio5js吧. Audio5js是一个能够帮助你解决类似这样的浏览器兼容性问题的js类库,轻量级并且能够很优雅的使用flash向前兼容老版本的浏览器. 其主要特性: 拥有完整API来控制“加载”,“播放”,“暂停”,“音量”和“查找” 并且可以得到播放内容的具体相关信息不依赖任何类库兼容版本浏览器,包括:IE8, IE9, Chrome

火云开发课堂 - 《使用Cocos2d-x 开发3D游戏》系列第十一节:骨骼动画模型播放控制

Coretext实现富文本图文混排及Gif图片播放

CoreText是iOS3.2推出的一套文字排版和渲染框架,可以实现图文混排,富文本显示等效果. CoreText中的几个重要的概念: CTFont CTFontCollection CTFontDescriptor CTFrame CTFramesetter CTGlyphInfo CTLine CTParagraphStyle CTRun CTTextTab CTTypesetter 先来了解一下该框架的整体视窗组合图: CTFrame 作为一个整体的画布(Canvas),其中由行(CTL

Animator 动画第一次播放正常，之后播放都不正常的问题解决

Animator 动画第一次播放正常,之后播放都不正常的问题解决问题描述第一次点击图片动画播放正常,在点击文字之后,图片没有显示出来,点击空白,播放动画,显示文字. 写了一个卡片翻转的动画,代码如下: activity_main.xml <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/re