网站图片增强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)的更多相关文章

  1. 推荐一个用于压缩图片的JS插件:localResizeIMG

    惯例,先贴传送门:https://github.com/think2011/localResizeIMG 首先说到,为嘛要压缩图片,这需求一般出现在需要上传照片(尤其是移动端)的情况下,现在手机拍出来 ...

  2. Viewer.js插件浏览图片

    https://www.jianshu.com/p/e3350aa1b0d0 Viewer.js插件浏览图片 Viewer.js插件浏览图片 Viewer.js插件浏览图片

  3. Intense Images – 全屏浏览图像的 JS 插件

    Intense Images 是一个独立的 JavaScript 库,用于查看全屏图像.使用触摸/鼠标来实现图片位置的平移.图像元素的所有样式都是可以自定义的,Intense.js 只处理图像浏览器和 ...

  4. 图片延迟加载jquery插件imgLazyLoad(三)

    此Jquery插件是在图片加载前显示一个加载图片,当图片下载完毕后显示图片出来,可对图片进行是否自动缩放功能,此Jquery插件使用时可让页面先加载,而图片后加载的方式,解决了平时使用时要在图片显示出 ...

  5. 图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活

    图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活 图片旋转+剪裁js插件(兼容各浏览器) by zhangxinxu from http://www.zhangxinxu.com 本 ...

  6. 适用于各浏览器支持图片预览,无刷新异步上传js插件

    文件上传无疑是web应用中一个非常常用的功能,不管是PHP.jsp还是aspx.mvc等都会需要文件上传,但是众所周知当使用自带的文件上传功能时总会出现页面刷新的情况.当然现在有了html5这个好东西 ...

  7. js图片预览插件,不涉及上传

    小小的几十行代码,很牛逼,很实用. 支持多个图片的预览,只要new多个对象就行了. html如下 <!-- zhouxiang www.zhou-xiang.com --> <!DO ...

  8. 【干货】教你如何利用fullPage.js以及move.js插件打造高端大气的网站效果!

    前言: 如今我们经常能见到全屏网站,尤其是国外网站.这些网站用几幅很大的图片或色块做背景,再添加一些简单的内容,显得格外的高端大气上档次. 在学习过jQuery插件之后,才发现之前的很多网站特效完全可 ...

  9. 使用图片视频展示插件blueimp Gallery改造网站的视频图片展示

    在很多情况下,我们网站可能会展示我们的产品图片.以及教程视频等内容,结合一个比较好的图片.视频展示插件,能够使得我们的站点更加方便使用,也更加酷炫,在Github上有很多相关的处理插件可以找来使用,有 ...

随机推荐

  1. RPC实现的底层原理及应用

    摘要:RPC(Remote Procedure Call Protocol)——远程过程调用协议,它是一种通过网络从远程计算机程序上请求服务,而不需要了解底层网络技术的协议.RPC协议假定某些传输协议 ...

  2. hdu 2845

    #include<stdio.h> #define N 200100 int f[N]; int  a[N],n; int main() { int m,j,i,suma,sumb,sum ...

  3. 2016 Multi-University Training Contest 8 solutions BY 学军中学

    1001: 假设有4个红球,初始时从左到右标为1,2,3,4.那么肯定存在一种方案,使得最后结束时红球的顺序没有改变,也是1,2,3,4. 那么就可以把同色球都写成若干个不同色球了.所以现在共有n个颜 ...

  4. Java操作XML牛逼利器JDOM&DOM4J

    JDOM  JDOM 是一种使用 XML(标准通用标记语言下的一个子集) 的独特 Java 工具包,用于快速开发 XML 应用 程序. JDOM 官方网站:http://www.jdom.org/ 利 ...

  5. Date日期模式

    package cn.zmh.Date; import java.text.SimpleDateFormat; import java.util.Date; public class DateDemo ...

  6. MongoDB学习day06--高级查询aggregate聚合管道和nodejs操作aggregate

    一.MongoDB聚合管道(Aggregation Pilpeline) 使用聚合管道可以对集合中的文档进行变换和组合. 主要功能:表的关联查询.数据统计 二.aggregate 管道操作符与表达式 ...

  7. maven dependency:tree中反斜杠的含义

    摘自:http://www.708luo.com/posts/2013/11/maven-dependency-slash-mark/ 一个mvn dependency:tree命令执行的输出如下: ...

  8. 还原数据库出现“未获得排他訪问”解决方法(杀死数据库连接的存储过程sqlserver)

    在master数据库下创建存储步骤例如以下: createproc killspid (@dbnamevarchar(20)) as begin declare@sqlnvarchar(500) de ...

  9. Linux驱动开发:USB驱动之usb_skel分析

    在学习了这么些天的驱动之后,个人觉得驱动就是个架构的问题,只要把架构弄清楚了 然后往里面添砖加瓦就可以了,所以似乎看起来不是太困难,但也许是是我经验不足吧,这只能算是个人浅见了 这两天在学习USB驱动 ...

  10. 【Nginx】http模块的数据结构

    定义fttp模块方式很简单,比如:ngx_module_t ngx_http_mytest_module; 其中,ngx_module_t是一个Nginx模块的数据结构. typedef struct ...