用javascript实现图片马赛克后显示并切换

2016-02-19 09:55 69 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐用javascript实现图片马赛克后显示并切换,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

script language="JavaScript1.1"
var slidespeed=3000
//specify images
var slideimages=new Array("http://img.warting.com/allimg/2015/1222/0izspns5o2j-2296.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_2_1.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_3_2.jpg")
//specify corresponding links
var slidelinks=new Array("#","#","#")
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;islideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
function gotoshow(){
window.location=slidelinks[whichlink]
}
//--
/script
a href="javascript:gotoshow()"img src="http://img.warting.com/allimg/2015/1222/0izspns5o2j-2296.jpg" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"/a
script language="JavaScript1.1"
!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimageslideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
//--
/script

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

来源:http://www.tulaoshi.com/n/20160219/1592691.html

延伸阅读
最终效果图 1、新建工作窗口,然后执行“滤镜”→“渲染”→“云彩”命令,制作出不规则的黑白云雾图案。 2、执行“滤镜”→“像素化”→“马赛克”命令,将单元格大小设置为64。 3、现在调节色阶使图像变得更清晰,执行“图像”→“调整”→“色阶”命令,设置色阶为:56、1.05、211。 4、将操作到现...
用Photoshop快速制作蓝色背景马赛克 本次教程中教大家用PS简单几步制作马赛克科技背景效果,适合刚入门的新手朋友,主要知识点就是应用滤镜,新手朋友们可以跟着做一下。 先看效果: 所用素材: 第一步:滤镜→→模糊→→高斯模糊 第二部:滤镜→→像素化→→马赛...
原图 最终效果图 tulaoshi.com 最终效果图
标签: 礼物 爱情
  第一步:用白纸画出自己喜欢的图案。 第二步:将画好的彩色图剪下来。 第三步:用马赛克开始拼贴,将这些色彩丰富的马赛克裁剪成所需大小形状。     第四步:用牙签涂上玻璃胶,只要涂在需要黏贴马赛克的位置即可。 第五步:马赛克的裁切是需要一定功夫的,但是要注意...
怎么快速去掉马赛克: 用到的工具很简单,XP系统自带的 画图工具, 你没有看错,对,就是它,画图工具!!!! 1 首先,我们在电脑左下角,点开始-所有程序-附件里找到并打开画图工具。 2 然后,点文件,打开你要去马赛克的图片,嗯嗯,就是它了。 黑色。然后 5 我们开始在马赛克上尽情的抹黑,注...

经验教程

948

收藏

90
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部