网站图片增强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. PS学习笔记(02)

    书籍推荐: <设计之下>这本APP设计书字里行间都透露出了真实,作者能将其工作流程和方法分享出来,实在值得尊敬.通过这本书全面了解了真实的设计工作是怎么做的,今后可以用到自己的工作中.赞! ...

  2. 80. Hibernate 5.0命名策略使用naming-strategy 不起作用【从零开始学Spring Boot】

    [原创文章,转载请注明出处] 事情的起因:一不小心从1.3.3升级到了1.4.0版本,结果就碰到了各种悲催的事情了,好吧,Hibernate5.0的新特性就是其中一个坑,我们会发现我们配置的namin ...

  3. Linux Bash对拍

    代码: #!/bin/bash while true; do ./rand > input //数据生成器 ./test < input > output //测试程序 ./std ...

  4. hdu 1563简单异或Find your present!

    #include<stdio.h> int  main(){  int n,m,s;  while(scanf("%d",&n),n) {   s=0;   w ...

  5. [转]maven编译时出现读取XXX时出错invalid LOC header (bad signature)

    maven编译时出现读取XXX时出错invalid LOC header (bad signature) 一.发现问题右击pom.xml,run as —> maven install,会看到c ...

  6. 介绍 JSON的

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. 它基于JavaScript Programming Lan ...

  7. poj2553 有向图缩点,强连通分量。

    //求这样的sink点:它能达到的点,那个点必能达到他,即(G)={v∈V|任意w∈V:(v→w)推出(w→v)} //我法:tarjan缩点后,遍历点,如果该点到达的点不在同一个强连通中,该点排除, ...

  8. UVA 11752 The Super Powers【超级幂】

    题目链接: http://acm.hust.edu.cn/vjudge/contest/view.action?cid=111527#problem/Z 题意: 我们称一个可以由至少两个不同正整数的幂 ...

  9. The Doors--poj1556(最短路+判断点与线段的关系)

    http://poj.org/problem?id=1556 题目大意:从(0,5)走到(10,5)走的最短距离是多少 中间有最多18个隔着的墙  每个墙都有两个门  你只能从门通过 我的思路是  只 ...

  10. 大数c++模板 超级好用

    只用输入用cin 输出  cout  每个数学符号都可以用   超级强大 #include <iostream> #include <queue> #include <c ...