来自国外的一款Js图片浏览效果
效果图:
测试代码:
Js图片浏览器
play
';
}
this.m_mainviewer = this.container.firstChild.cloneNode(true);
this.bind();
this.start();
},
writeCanvas : function(id)
{
document.write('
');
this.container = document.getElementById(id);
},
bind : function(obj, evt, fun){
var obj = this.container;
for(var i=0;i
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
javascript IE7 浏览器本地图片预览
说明: 在对象容器边界内,在对象的背景和内容之间显示一张图片.并提供对此图片的剪切和改变尺寸的操作.如果载入的是PNG(Portable Network Graphics)格式,则0%-100%的透明度也被提供. 语法: filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) enabled:可选项.布尔值(Boolean).设
-
javascript上传图片前预览图片兼容大多数浏览器
复制代码 代码如下: <div id="localImag"><img id="preview" width="-1" height="-1" style="display:none" /></div> <asp:FileUpload ID="file_head" runat="server" onchange="j
-
jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果ie,firefox
jb51站长推荐的用js实现的多浏览器支持的图片轮换展示效果在ie,firefox和测试一切正常,建议以后大家都要用这样的兼容性比较好的代码 body {margin:0 auto; padding:0; text-align:center } .box400 {margin:0 auto;padding:0;width:400px} #f_menu { MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 400px; HEIGHT: 20px } #f_men
-
浏览器图片选择预览、旋转、批量上传的JS代码实现
工作中遇到的业务场景,和同事一起研究了下,主要是为了兼容IE版本 其实就是一些琐碎的知识点在网上搜集下解决方式,然后集成了下,主要有以下点: 1. IE input type=file的图片预览要用IE的filter css progid:DXImageTransform.Microsoft.AlphaImageLoader chrome/firefox则用File api的file reader 2. 图片旋转,IE用progid:DXImageTransform.Microsoft.Matr
-
JS预览图像将本地图片显示到浏览器上
复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"&
-
JavaScript 类似flash效果的立体图片浏览器
PS:显示效果图,大家可以根据自己的需求调整图片的样式哦代码 复制代码 代码如下: <style type="text/css"> //图片浏览器容器 #container{position:absolute;} #container img{position:absolute;} //半透明遮罩层样式 .mask2{ background:#99FF00; opacity:0.3; filter:Alpha(Opacity='30'); position:absolute
-
JavaScript仿百度图片浏览效果
本文实例为大家分享了js图片浏览效果的具体代码,供大家参考,具体内容如下 在线地址:http://www.hui12.com/nbin/demo/imgskim/index.html https://nbin2008.github.io/demo/imgskim/index.html 效果图: index <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>仿
-
多浏览器兼容的qq图片轮换效果javascript代码
js图片轮换效果代码_我们 22吨重挖掘机 中星九号直播 考后表情 1 2 3 function $(v){return document.getElementById(v)} var img = $("bimg").getElementsByTagName("div"); var td = $("simg").getElementsByTagName("td"); var text = $("info")
-
来自ImageSee官方 JavaScript图片浏览器 原创
使用方法: 访问"imagesee.htm的网址+?pic=图片的网址&page=该图片相关网页的网址" 即可,其中page参数可以忽略. 关于ImageSee: ImageSee是开放源代码的网页图片浏览器,由JavaScript写成,是一个完全静态网页.同时支持IE Firefox Opera浏览器. 透过ImageSee,您可以方便的对网上的高清图片(大图片)进行浏览,具备常规的图片浏览所需要的全部主要功能:放大缩小.缩略图.图片鼠标拖动. 更多特色: 完全免费开放使用,
-
js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结 原创
最近做一个图片的自动缩小效果,发现一直用的js,竟然在firefox下无法正常啊,导致页面变形.所以自己写了个兼容性一般的代码,大家可以来讨论下原来我用的是从pjblog上的 复制代码 代码如下: //查找网页内宽度太大的图片进行缩放以及PNG纠正 function ReImgSize(){ for (i=0;i<document.images.length;i++) { if (document.all){ if (document.images[i].width>
随机推荐
- ASP生成静态文件编码为UTF-8格式的HTML文件
- 如何给Docker配置官方国内加速镜像
- javascript各种复制代码收集
- PHP中的MYSQL常用函数(php下操作数据库必备)
- 第八节--访问方式
- asp中一段防SQL注入的通用脚本
- 详解C++中实现继承string类的MyString类的步骤
- AJAX 简介及入门实例
- PHP数组相加操作及与array_merge的区别浅析
- sed删除文件中的一行内容的脚本代码
- 用jQuery模拟页面加载进度条的实现代码
- IDS入侵特征库创建实例解析
- Android搜索结果显示高亮实例(有数据滑动底部自动刷新)
- C语言三个数排列大小的实现方法
- Android TextView 设置字体大小的方法
- 取numpy数组的某几行某几列方法
- 正则表达式实现手机号中间4位数隐藏或者只显示末尾四位数
- Java经典快排思想以及快排的改进讲解
- vue使用keep-alive保持滚动条位置的实现方法
- node.js环境搭建图文详解