网站图片增强JS插件2.0(兼容IE&FF)
网站图片增强JS插件2.0
简单介绍:插件可以增强网站互动能力与外链建设,用户在欣赏图片的同时,把看好的图片直接制作成自己喜欢的样式后通过QQ等传播,增强外链建设,通过用户互动创造外链。(支持:放大缩小、加文字、闪图、叠图、加对话框等等,特别支持GIF动画。)
使用方法:复制并粘贴下面的JS代码,放到您的网页的最末端,如果您的网站使用的模板,您也可以复制代码到您的模板,图片编辑功能将会体现在您每一张图片上。
<!-- Prcture Editor BEGIN -->
<script language="JavaScript" type="text/javascript" id="ohmyqq_js"></script>
<script>
var pic_yj=1;//越界:1开启,0关闭。
var pic_sy=0;//是否添加您的网址做水印:1开启,0关闭。
var pic_sina=1;//单张转发到新浪按钮:1开启,0关闭。
var G_C_id="";//设置作用于某ID内所有图片,为空是作用于网页所有图片
var pic_window=0;//编辑器窗口模式:1新开,0页内。
var ohmyqq_jsa=document.getElementById("ohmyqq_js");
ohmyqq_jsa.src="http://www.ohmyqq.com/js/editor.js";
ohmyqq_jsa.charset="gb2312";按钮素材
</script>http://www.huiyi8.com/anniu/
<!-- Prcture Editor END -->
1. [代码]网页在线图片处理JS插件(兼容IE&FF)
<img src="http://www.ohmyqq.com/hezuo/testimg/1.jpg" title="测试图片1" width="200" height="200" /> <img src="http://www.ohmyqq.com/hezuo/testimg/2.jpg" title="测试图片2" width="200" height="200" /> <img src="http://www.ohmyqq.com/hezuo/testimg/3.jpg" title="测试图片3" width="200" height="200" /> <img src="http://www.ohmyqq.com/hezuo/testimg/4.jpg" title="测试图片4" width="200" height="200" /> <img src="http://www.ohmyqq.com/hezuo/testimg/5.jpg" title="测试图片5" width="200" height="200" /> <img src="http://www.ohmyqq.com/hezuo/testimg/6.jpg" title="测试图片6" width="200" height="200" />
<br />
<span class="STYLE3">代码:</span><br />
(复制到含有图片的页面就可以使用)<br />
<TEXTAREA name="code2" id="code2" cols="80" rows="12" wrap="off" onclick="select()">
<!-- Prcture Editor BEGIN -->
<script language="JavaScript" type="text/javascript" id="ohmyqq_js"></script>
<script>
var pic_yj=0;//越界:1开启,0关闭。
var pic_sy=0;//是否添加您的网址做水印:1开启,0关闭。
var pic_sina=1;//单张转发到新浪按钮:1开启,0关闭。
var G_C_id="";//设置作用于某ID内所有图片,为空是作用于网页所有图片
var ohmyqq_jsa=document.getElementById("ohmyqq_js");
ohmyqq_jsa.src="http://www.ohmyqq.com/js/editor.js";
ohmyqq_jsa.charset="gb2312";
</script>
<!-- Prcture Editor END -->
</TEXTAREA>
<br />
<!-- Prcture Editor BEGIN -->
<script language="JavaScript" type="text/javascript" id="ohmyqq_js"></script>
<script>
var pic_yj=0;//越界:1开启,0关闭。
var pic_sy=0;//是否添加您的网址做水印:1开启,0关闭。
var pic_sina=1;//单张转发到新浪按钮:1开启,0关闭。
var G_C_id="";//设置作用于某ID内所有图片,为空是作用于网页所有图片
var ohmyqq_jsa=document.getElementById("ohmyqq_js");
ohmyqq_jsa.src="http://www.ohmyqq.com/js/editor.js";
ohmyqq_jsa.charset="gb2312";
</script>
<!-- Prcture Editor END -->
网站图片增强JS插件2.0(兼容IE&FF)的更多相关文章
- 推荐一个用于压缩图片的JS插件:localResizeIMG
惯例,先贴传送门:https://github.com/think2011/localResizeIMG 首先说到,为嘛要压缩图片,这需求一般出现在需要上传照片(尤其是移动端)的情况下,现在手机拍出来 ...
- Viewer.js插件浏览图片
https://www.jianshu.com/p/e3350aa1b0d0 Viewer.js插件浏览图片 Viewer.js插件浏览图片 Viewer.js插件浏览图片
- Intense Images – 全屏浏览图像的 JS 插件
Intense Images 是一个独立的 JavaScript 库,用于查看全屏图像.使用触摸/鼠标来实现图片位置的平移.图像元素的所有样式都是可以自定义的,Intense.js 只处理图像浏览器和 ...
- 图片延迟加载jquery插件imgLazyLoad(三)
此Jquery插件是在图片加载前显示一个加载图片,当图片下载完毕后显示图片出来,可对图片进行是否自动缩放功能,此Jquery插件使用时可让页面先加载,而图片后加载的方式,解决了平时使用时要在图片显示出 ...
- 图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活
图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活 图片旋转+剪裁js插件(兼容各浏览器) by zhangxinxu from http://www.zhangxinxu.com 本 ...
- 适用于各浏览器支持图片预览,无刷新异步上传js插件
文件上传无疑是web应用中一个非常常用的功能,不管是PHP.jsp还是aspx.mvc等都会需要文件上传,但是众所周知当使用自带的文件上传功能时总会出现页面刷新的情况.当然现在有了html5这个好东西 ...
- js图片预览插件,不涉及上传
小小的几十行代码,很牛逼,很实用. 支持多个图片的预览,只要new多个对象就行了. html如下 <!-- zhouxiang www.zhou-xiang.com --> <!DO ...
- 【干货】教你如何利用fullPage.js以及move.js插件打造高端大气的网站效果!
前言: 如今我们经常能见到全屏网站,尤其是国外网站.这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次. 在学习过jQuery插件之后,才发现之前的很多网站特效完全可 ...
- 使用图片视频展示插件blueimp Gallery改造网站的视频图片展示
在很多情况下,我们网站可能会展示我们的产品图片.以及教程视频等内容,结合一个比较好的图片.视频展示插件,能够使得我们的站点更加方便使用,也更加酷炫,在Github上有很多相关的处理插件可以找来使用,有 ...
随机推荐
- Linux基础之基本命令cat less more sort uniq alias 命令行 bash简单描述(三)
获取Linux当前最新的内核版本号经常关注www.kernel.org 目录管理:ls cd pwd mkdir rmdir tree 文件管理:touch stat file rm cp mv na ...
- 洛谷P3973 - [TJOI2015]线性代数
Portal Description 给定一个\(n\times n\)的矩阵\(B\)和一个\(1×n\)的矩阵\(C\).求出一个\(1×n\)的01矩阵\(A\),使得\(D=(A×B-C)×A ...
- 【bzoj1055】[HAOI2008]玩具取名
[bzoj1055][HAOI2008]玩具取名 2014年12月1日3,0111 Description 某人有一套玩具,并想法给玩具命名.首先他选择WING四个字母中的任意一个字母作为玩具的基本名 ...
- jvm参数设置 -vmargs -Xms128M -Xmx512M -XX:PermSize=64M -XX:MaxPermSize=128M
-vmargs -Xms128M -Xmx512M -XX:PermSize=64M -XX:MaxPermSize=128M 这里有几个问题: 1. 各个参数的含义什么? 2. 为什么有的机器我将- ...
- [NOIP1999] 提高组 洛谷P1014 Cantor表
题目描述 现代数学的著名证明之一是Georg Cantor证明了有理数是可枚举的.他是用下面这一张表来证明这一命题的: 1/1 1/2 1/3 1/4 1/5 … 2/1 2/2 2/3 2/4 … ...
- 【ZJOI2017 Round1练习】
喜闻乐见(爆蛋滚粗)的ZJOI模拟赛终于开始了 可以又一次感受被屠的快感 DAY1: T1:线段树打错-70 正解分块听卡常还要调块的大小 T2:数学弱爆 是道结论题 T3:暴力分滚粗 DAY2: T ...
- zoj4028 LIS
差分约束瞎搞一下,话说这个数据不知道怎么回事,我的图按道理而言最多只有4n条边,开5n还不够??必须6n?? 约束条件首先根据f函数可建立两点之间的约束,不妨设d[i]为i到0的距离,则对于f[i] ...
- JAVA实验--统计文章中单词的个数并排序
分析: 1)要统计单词的个数,就自己的对文章中单词出现的判断的理解来说是:当出现一个非字母的字符的时候,对前面的一部分字符串归结为单词 2)对于最后要判断字母出现的个数这个问题,我认为应该是要用到ma ...
- 转:TLV 格式及编解码示例
TLV是一种可变格式,意思就是: Type类型, Lenght长度,Value值: Type和Length的长度固定,一般那是2.4个字节(这里统一采用4个字节): Value的长度有Length指定 ...
- Java的基本运算符
以下内容引用自http://wiki.jikexueyuan.com/project/java/basic-operators.html: Java针对操控变量提供了一组丰富的运算符.可以将所有的Ja ...