网站图片增强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)

时间: 2024-11-05 22:31:38

网站图片增强JS插件2.0(兼容IE&FF)的相关文章

WPOSS – WordPress阿里云对象存储OSS插件 网站图片分离加速

我们WordPress课堂在前面有一篇文章中介绍到WPCOS插件,这是针对WordPress程序集合腾讯云COS对象存储进行网站图片分离的插件,包括我们网站目前也有在用.可以降低网站的带宽占用,提高网站的访问速度,当然这个需要我们购买对象存储和流量包,必要的成本还是需要的. 不过有些网友提到自己如果在使用阿里云服务器建站的时候,也想用到类似的插件分离网站的图片或者其他附件文件,那在这里笔者就推荐使用类似的WPOSS插件,基于阿里云对象存储OSS的.功能上有些类似WPCOS,但是稍微设置上有一些不

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

Intense Images 是一个独立的 JavaScript 库,用于查看全屏图像.使用触摸/鼠标来实现图片位置的平移.图像元素的所有样式都是可以自定义的,Intense.js 只处理图像浏览器和字幕的制作. 您可能感兴趣的相关文章 12款经典的白富美型 jQuery 图片轮播插件 让网站动起来!12款优秀的 jQuery 动画插件 精心挑选的美轮美奂的 jQuery 图片特效插件 精心挑选的优秀jQuery Ajax分页插件和教程 精心挑选的优秀 jQuery 文本特效插件和教程 源码下载

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

此Jquery插件是在图片加载前显示一个加载图片,当图片下载完毕后显示图片出来,可对图片进行是否自动缩放功能,此Jquery插件使用时可让页面先加载,而图片后加载的方式,解决了平时使用时要在图片显示出来后才能进行缩放时撑大布局的问题 ///参数设置:scaling     是否等比例自动缩放width       图片最大高height      图片最大宽loadpic     加载中的图片路径 js插件代码: /* **************图片预加载插件*****************

webapp应用---cordova.js 3.7.0插件安装总结

今天是2014年的最后一天,年终总结什么的就不写了.记录一下今天的工作内容.如果不知道phoneGap,那么就不需要往下看了,phoneGap现在已经叫cordova了,叫什么不重要,重要的是它对web移动应用的开发很重要,如果你正在查找关于cordova.js 插件安装方面的工作,那么本文或许对你有用. cordoval.js目前最新的版本是3.7.0,较之前的2.xxx系列,最大的变化是把功能进行了插件化,或者说是模块化也行.这样做的好处呢是开发者可以按需加载自己的功能插件,减小文件体积,同

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

在很多情况下,我们网站可能会展示我们的产品图片.以及教程视频等内容,结合一个比较好的图片.视频展示插件,能够使得我们的站点更加方便使用,也更加酷炫,在Github上有很多相关的处理插件可以找来使用,有些效果还非常好,本篇介绍使用图片视频展示插件blueimp Gallery改造网站的视频图片展示,并和之前版本的效果进行对比. 1.blueimp Gallery插件介绍 blueimp Gallery是一个是具有触摸功能,响应式和可定制的图像和视频展示插件,为移动和桌面浏览器做了相关优化,它支持滑

js实现图片上传及预览----------------------&gt;&gt;兼容ie6-8 火狐以及谷歌

<head runat="server"> <title>图片上传及预览(兼容ie6/7/8 firefox/chrome)</title> <script src="../Scripts/jquery-1.4.2.min.js" type="text/javascript"></script> </head> <body> <form id="f

js面向对象实现图片轮播插件

这个demo的学习过程很值得记录下来. 前言:学习了一遍js的面向对象,想找点东西练练手,就上网找了个用js面向对象实现图片轮播插件: http://www.codefans.net/jscss/code/3327.shtml 功能:新建一个实例就是一个图片轮播,可以新建多个,但是实例与实例之间是干扰的. 过程:看视频教程说,第一次搞面向对象,把面向过程改头换面就可以了.自己就死磕地先写了原生,再改为面向对象. 写原生的时候,遇到的问题: 不知道怎么样停止计时器:clearInterval.cl

chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法[bubuko.com]

chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法,原文: 默认情况下如下图 Y轴并不是从0开始,这样折现图的幅度会很大,不是正常的幅度,解决办法如下, 示例代码: window.onload = function () { var ctx = document.getElementById("canvas").getContext("2d"); window.myLine = new Chart(ctx).Line(lineChartDat

检测图片是否正确加载的js插件-imagesLoaded

imagesLoaded是一款用于检测页面中的图片是否被加载的js插件.imagesLoaded是非常有用的插件,当你的页面中某幅图片没有被加载时,默认会显示一个红叉或图片alt文本,imagesLoaded可以将未加载的图片替换为你设置的图片. imagesLoaded可以和jQuery.RequireJS和Browserify结合在一起工作. 在线演示:http://www.htmleaf.com/Demo/201503141521.html 下载地址:http://www.htmleaf.