图片放大特效脚本,非商业性免费使用!

今天Chada给大家带来的是来自">Magic Toolbox的一套很棒的图片魔术特效脚本,你可以免费下载使用这套加起来总价值达60英镑的JavaScript脚本,只是,只能用于非商业的网站上。

  这套图片特效脚本共有三种样式:

  1、Magic Zoom

图1 Magic Zoom

  当鼠标移动到图片上方的时候,会在图片一侧出现一个图片放大窗口,放大显示鼠标所在方块区域的图片部分;

  2、Magic Magnify

图2 Magic Magnify

  当图标移动到图片上方的时候,便会出现传统的放大镜效果,非常逼真。

  3、Magic Thumb

图3 Magic Thumb

  点击缩略图,便会在当前页面打开源图片,有点类似于LightBox特效,却又不完全相同。这个特效是逐渐放大载入图片的。

  只要是用于非商业站点,便可以在Magic Toolbox(点击打开)免费下载使用。60英镑哦^^

  【小记】

  1、下载的朋友记得尊重脚本开发者的劳动成果,如果是用于商业站点的话可以选择购买。非商业站点,自由使用。我们个人博客就是非商业站点哇,所以有需要的朋友赶快啦^^

  2、在想这三个脚本可以开发出相应的WordPress插件,不过相关的图片插件已经很多了。开发WordPress插件是否应该经过脚本开发者的许可才能使用这些脚本?

时间: 2024-10-24 11:06:18

图片放大特效脚本,非商业性免费使用!的相关文章

JS实例教程:制作图片放大特效

效果: 运行代码框<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

移动端点击图片放大特效PhotoSwipe.js插件实现_javascript技巧

PhotoSwipe插件能实现手机端点击图片全屏放大 再双击图片放大等功能 PhotoSwipe插件官方网站 http://www.photoswipe.com/ photoswipe之移动端图片放大查看,滑动切换下一张,图片保存到本地. <style> .pnav{margin-top:30px;text-align:center;line-height:24px; font-size:16px} .pnav a{padding:4px} .pnav a.cur{background:#00

手机端点击图片放大特效PhotoSwipe.js插件实现_javascript技巧

PhotoSwipe插件能实现手机端点击图片全屏放大 再双击图片放大等功能 PhotoSwipe插件官方网站 http://www.photoswipe.com/ 但有一点不太好的是图片放大后再单击不能关闭浏览,要点击关闭按钮或者滑动才能关闭,找了好久配置项都没说到这点上的,只能自己动手改了. 打开photoswipe.js,大概在3179行有个关于tap的函数定义 在开头先定义一个变量 var tap_num = 0; 然后在onTapStart的定义里加入 //根据需求自己添加的S //判断

jQuery简易图片放大特效示例代码_jquery

DEMO点击圆形图片,图片方法,将水的图片放置与下层,鼠标移上去的时候,图片高与宽同比增大,并且图片向左上移动 代码 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.or

javascript 图片放大效果函数_图象特效

演示示例 1.图片和放大使用不同的图片(大小图片要比例相同) 也可以指定放大倍数(相对于小图片计算) new imageZoom("img1",{ //mul:6,//指定放大的倍数 onShow:function() { document.title="show,you are moving on the image."; }, onHide:function() { document.title="you mouse move out the imag

jQuery仿QQ空间图片查看特效(全屏,放大,缩小,旋转,镜像,鼠标滚轮缩放)

地址:http://www.tuicool.com/articles/2YRVr2a 可以通过nmp或bower来安装该图片查看器插件. npm install imageviewer bower install imageviewer 复制代码 使用方法 使用该幻灯片插件需要引入jQuery,viewer.css和viewer.js文件. <link rel="stylesheet" href="css/viewer.css" type="text

cloudgamer出品ImageZoom 图片放大效果_图象特效

一般用于放大查看商品图片,在凡客,京东商城,阿里巴巴等都有类似的效果. 好处是能在原图附近对图片进行局部放大查看,而且可以通过鼠标控制查看的部位. 前一阵子看到sohighthesky的图片放大效果,心血来潮自己也写一个看看. 这个程序有以下特点: 1,支持使用原图放大或新图片设置大图: 2,大图完成载入前使用原图放大代替,减少操作等待时间: 3,支持鼠标滚动缩放大图: 4,可以通过设置显示范围或显示框大小设置显示尺寸: 5,可以设置是否自动隐藏显示框: 6,支持插件形式的扩展来实现更多的功能(

一个简单的javascript图片放大效果代码_图象特效

一个简单的图片放大效果: 参数说明: 1.berviary:String,需要被放大的图片id 2.expand:object,放大区域,如果不设置此项或者此项的id未设置,则默认为光标跟随模式,会自动创建用于显示放大区域的div. 3.clip:object,裁剪区域的大小,即鼠标移动到需要放大的图片上时,突出显示需要被放的大区域 4.opacity:float,放大时图片被遮罩的区域的透明度 效果1: 调用的js代码: 复制代码 代码如下: $E({berviary:"currentPic&

php-PHP中怎样实现当鼠标放在图片上时,图片放大的效果

问题描述 PHP中怎样实现当鼠标放在图片上时,图片放大的效果 我没有开发PHP的经验,现在遇到一个用PHP开发的网站,要求我把网站首页的图片效果修改成当鼠标经过时,图片放大的效果 解决方案 js控制,不是php..~其实js都不用,css控制就行 <!DOCTYPE html PUBLIC ""-//W3C//DTD XHTML 1.0 Transitional//EN"" ""http://www.w3.org/TR/xhtml1/DTD