您的位置:

基于js读取gif文件(js制作gif)

基于js读取gif文件(js制作gif)

更新:

本文目录一览:

js如何实现先调用一个gif格式的图片,在调用一个png图片

使用js等待!初始化加载的时候。img id="tu" src="动态图片.gif"/

10秒后执行js代码,改变src=“静态图片.jpg”

我只能帮你提供思路了。代码网上直接找来组织一下就可以了。

asp js 如何读取文件夹中的图片并点击自动播放后可以每隔一秒播放一张?

script

$(function(){

$('.slides').slides({ 这里就是图片滚动代码还有两个js

preload: true,

preloadImage: 'img/loading.gif',

play: 2800,

pause: 2500,

hoverPause: true

});

});

/script

javascript中怎样读取指定文件夹里的图片?

var i_strngth = 1;

var i_image = 0;

var imageurl = new Array();

// 这一部分我是手功指定的图片路径,你的图片路径是放在数据库中的,只用在这里做更改,把路径的设置改成动态读取就可以了

//======================================

imageurl[0] ="images/pic1.gif";

imageurl[1] ="images/pic2.gif";

imageurl[2] ="images/pic3.gif";

imageurl[3] ="images/pic4.gif";

//======================================

function showimage()

{

if(document.all)

{

if (i_strngth = 110)

{

div_Pic.innerHTML = "img style=\"filter:alpha(opacity='" + i_strngth + "'); height:248px; width:138px;\" src='" + imageurl[i_image] + "' border='0' /";

i_strngth = i_strngth + 10;

var timer=setTimeout("showimage()", 100);

}

else

{

clearTimeout(timer);

var timer = setTimeout("hideimage()", 1000);

}

}

if(document.layers)

{

clearTimeout(timer)

document.div_Pic.document.write("img src='" + imageurl[i_image] + "' border='0' style='height:248px; width:138px;' /");

document.close();

i_image++;

if (i_image = imageurl.length)

{

i_image = 0;

}

var timer = setTimeout("showimage()", 2000);

}

}

function hideimage()

{

if (i_strngth = -10)

{

div_Pic.innerHTML = "img style=\"filter:alpha(opacity='" + i_strngth + "'); height:248px; width:138px;\" src='" + imageurl[i_image] + "' border='0' /";

i_strngth = i_strngth - 10;

var timer = setTimeout("hideimage()", 100);

}

else

{

clearTimeout(timer)

i_image++;

if (i_image = imageurl.length)

{

i_image = 0;

}

i_strngth = 1;

var timer=setTimeout("showimage()", 500);

}

}

那就需要用到Ajax技术,你是用时间来做为图片名称,那么可以用程序取出文件名然后选取离系统当前时间最近的一个文件做为当前显示的图片,然后回传达到JS来进行图片路径的更改显示

原生js获取文件

HTML5新增了关于文件的File,FileReader两个对象,用于获取文件信息和读取文件信息。

var

    fileInput = document.getElementById('test-image-file'),

    info = document.getElementById('test-file-info'),

    preview = docement.getElementById('test-image-preview');

//监听change事件

fileInput.addEventListener('change', function() {

  //清除背景图片

  preview.style.backgroundImage = '';

  //检查文件是否选择

  if(!fileInput.value) {

    info.innerHTML = '没有选择文件';

    return;

  }

  //获取file文件引用:

  var file = fileInput.files[0];

  //获取文件信息

  info.innerHTML = '文件:' + file.name + 'br' +

                  '大小:' + file.size + 'br' +

                  '修改:' + file.lastModifiedDate;

if(file.type !== 'image/jpeg' file.type !== 'image/png' file.type !== 'image/gif') {

  alert('不是有效的图片文件');

  return;

}

  //读取文件

  var reader = new FileReader();

  reader.onload = function(e) {

    var data = e.target.result;

  preview.style.backgroundImage = 'url('+ data + ')';

  };

  //以DataURL的形式读取文件:

  reader.readerAsDataURL(file);

})

js获取图片路径

理论是可以的,首先用js取得location,然后在和图片路径相加

想复杂了

其实很简单,你在image元素里面加个onclick事件,这样写

tabletr

tdinput type="image" id="expression1" name="expression1" src="1.gif" onClick="soso(this)/td

tdinput type="image" id="expression2" name="expression2" src="2.gif" onClick="soso(this)/td

tdinput type="image" id="expression3" name="expression3" src="3.gif" onClick="soso(this)/td

tdinput type="image" id="expression4" name="expression4" src="4.gif" onClick="soso(this)/td

tdinput type="image" id="expression5" name="expression5" src="5.gif" onClick="soso(this)/td

/tr/table

div id="abc" /div

script language="javascript"

function soso(tt){

document.all("abc").innerHTML="img Src='"+tt.src+"'"

}

/script

________________________________

你是想在abc层某处加上这个表情么?类似在线编辑器?

那么简单的办法就是在abc层里面再加个div或者span,赋予ID,修改soso函数里面的ID名就可以了

基于js读取gif文件(js制作gif)

本文目录一览: 1、js如何实现先调用一个gif格式的图片,在调用一个png图片 2、asp js 如何读取文件夹中的图片并点击自动播放后可以每隔一秒播放一张? 3、javascript中怎样读取指定

2023-12-08
java显求gif文件,java能使用gif图像么

2022-11-22
js高级程序设计笔记14(js高级程序设计笔记14页)

本文目录一览: 1、JavaScript高级程序设计 该怎么看 2、JavaScript学习笔记之数组基本操作示例 3、JS中有关sort以及return的问题 JavaScript高级程序设计 该怎

2023-12-08
gif动图压缩java版,GIF图压缩

2022-11-21
GIF文件头:一个全面了解的指南

2023-05-21
js操作网页快速录入数据库,js从数据库读取数据

2022-11-24
js获取file选中的文件,jquery获取file文件

本文目录一览: 1、js获取HTML5 多文件file选择的数量 2、input file 在js里获取文件内容 3、如何利用js在点击input type=file后选择好文件后,把选择的文件名直接

2023-12-08
javascript简要笔记,JavaScript读书笔记

2022-11-17
js读取数据库文档介绍内容(js脚本如何获取数据库内容?)

本文目录一览: 1、JS 文件如何获取数据库中的数据 2、在JS脚本中怎样读取数据库中的数据? 3、js 如何读取数据库信息 4、javascript如何读取到数据库的信息 5、如何用JS面向对象方法

2023-12-08
js获取选择文件,js获取文件格式

2022-11-28
深入探究GIF分解技术

2023-05-18
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
html中的js框架覆盖代码的简单介绍

本文目录一览: 1、html代码里面的JS代码可以全部封装起来不让它出现在html里面的吗? 2、html中怎么覆盖js动画 3、html页面中的js代码 4、如何在html中嵌套js代码块 html

2023-12-08
js实现文件下载显示进度条(js 文件上传进度)

本文目录一览: 1、js高手处理网站每页加载时显示进度条 2、文件下载如何使用进度条? 3、关于js或jquery进度条实现? 4、JS程序 图片(即进度条)加载 5、JS做的进度条,如何做的? 6、

2023-12-08
js网页背景雪花(js实现雪花飘落特效)

本文目录一览: 1、淘宝里首页飘雪花 怎么弄啊 js代码放在哪里啊 本人小白 希望大神详解..... 2、利用JS给网页添加雪花飘落的效果 3、怎么让网页上飘着雪花 淘宝里首页飘雪花 怎么弄啊 js代

2023-12-08
js实现侧悬浮浮动实例代码(前端 浮动)

本文目录一览: 1、求个左下角JS广告悬浮代码? 2、求一个能用的右侧浮动JS代码 3、JS网页中的浮动窗口代码? 4、浮动窗口的代码 (html/js) 求个左下角JS广告悬浮代码? 漫游于网络之间

2023-12-08
如何从js文件上传问题(js读取上传的文件)

本文目录一览: 1、如何通过js完成多个文件的上传 2、js 大文件分片上传处理如何实现? 3、js文件上传中遇到的知识点 4、js如何上传文件 5、egg.js 文件上传 如何通过js完成多个文件的

2023-12-08
计数器的js代码,网站计数器代码

2022-11-24
关于同一段js图片轮显的代码的信息

本文目录一览: 1、求一个图片轮换JS效果代码 2、这段JS图片轮显代码应该怎么改? 3、用js实现图片轮显 求一个图片轮换JS效果代码 !DOCTYPE html PUBLIC "-//W3C//D

2023-12-08
JS读取JSON文件

2023-05-19