<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Multiple images</title>
<!-- link to mzp-packed.js file -->
<script src="mzp-packed.js" type="text/javascript"></script>
<!-- link to magiczoomplus.css file -->
<link href="magiczoomplus.css" rel="stylesheet" type="text/css" media="screen"/>
<style type="text/css"><!--
body {background:#fff; margin:0; padding:0; font-size: 100%;}
body, td {font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height: 1.5em;}
h1 {font-size:1.5em; font-weight:normal; color:#555;}
h2 {font-size:1.3em; font-weight:normal; color:#555;}
h2.caption {margin: 2.5em 0 0;}
a {outline: none;}
table {margin:0; padding:0; border-collapse: collapse;}
th {background:#CCC; text-align: left; padding: 2px 4px; font-weight: normal;}
td {vertical-align: top; border: 1px;}
img {border:0;}
.leftcol {background:#EDF6CA; padding: 20px;}
.nav {width: 180px;}
.nav h2 {background: #658F11; margin:10px 0 0 0; padding: 3px 3px 5px 10px; font-size: 0.9em; color:#FFF;}
.nav ul {list-style-type: none; padding: 0 0 10px 0; margin:0 0 20px; background:#99CC33;}
.nav li a {text-decoration: none; display: block; padding: 3px 3px 3px 10px; margin: 0; font-size: 0.9em; color:#FFF; zoom: 1;}
.nav li a:hover {background: #B5DF61;}
.active {font-weight: bold;}
.arrow {text-align: right;}
.menuTd a {color:#fff; font-weight:bold;}
.code {font-size:12px; line-height:18px; margin:10px 0; display:block; padding:3px; border:1px solid #aaa;}
span.r {color:red;}
span.g {color:green;}
span.b {color:blue;}
table.tbl {background:#aaa; margin-bottom: 20px; font-size: 0.9em; border: 1px solid #999;}
caption {text-align: left; padding: 4px 12px; background: #999; color: #fff; font-size: 1.1em; margin: 0 0 0 -1px;}
caption a {color: #fff; padding: 2px;}
caption a:hover {background:#FFF; color: #999;}
.tbl th {background:#eee; padding:4px 8px 4px 16px;}
.tbl td {background:#fff; padding:4px 8px 4px 16px; vertical-align:top; border-bottom: 1px #999 solid;}
.tbl .tr1 td {background:#fff;}
.tbl .tr2 td {background:#f2f2f2;}
.mtbl {width:100%; height:100%;}
.rTd {padding:20px; width:100%;}
div.exmpl {margin:0 0 5px 0; font-weight:bold;}
.html4strict {border:1px solid #AAAAAA; display:block; font-size:12px; line-height:18px; margin:10px 0pt; padding:3px;}
.html4strict .de1, .html4strict .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.html4strict {font-family:monospace;}
.html4strict .imp {font-weight: bold; color: red;}
.html4strict li, .html4strict .li1 {font-weight: normal; vertical-align:top;}
.html4strict .ln {width:1px; text-align:right; margin:0; padding:0 2px; vertical-align:top;}
.html4strict .li2 {font-weight: bold; vertical-align:top;}
.html4strict .kw2 {color: #000000; font-weight: bold;}
.html4strict .kw3 {color: #000066;}
.html4strict .es0 {color: #000099; font-weight: bold;}
.html4strict .br0 {color: #66cc66;}
.html4strict .sy0 {color: #66cc66;}
.html4strict .st0 {color: #ff0000;}
.html4strict .nu0 {color: #cc66cc;}
.html4strict .sc-1 {color: #808080; font-style: italic;}
.html4strict .sc0 {color: #00bbdd;}
.html4strict .sc1 {color: #ddbb00;}
.html4strict .sc2 {color: #009900;}
.html4strict .ln-xtra, .html4strict li.ln-xtra, .html4strict div.ln-xtra {background-color: #ffc;}
.html4strict span.xtra {display:block;}
--></style>
</head>
<body>
<table class="mtbl">
<tr>
<td class="leftcol">
<div class="nav">
<h2>Magic Zoom Plus™</h2>
<ul>
<li><a href="index.html">Overview</a></li>
<li><a href="http://www.magictoolbox.com/buy/magiczoomplus/" title="External link" target="_blank">Buy a license ›</a></li>
<li><a href="http://www.magictoolbox.com/support/" title="External link" target="_blank" target="_blank">Get support ›</a></li>
</ul>
</div>
<div class="nav">
<h2>Examples</h2>
<ul>
<li><a href="example1.html">Basic example</a></li>
<li><a class="active" href="example2.html">Multiple images</a></li>
<li><a href="example3.html">Advanced settings</a></li>
</ul>
</div>
</td>
<td class="rTd">
<h1>Multiple images</h1>
<!-- define Magic Zoom Plus (notice the ID attribute) -->
<a href="img/hdred-big.jpg" id="zoom1" title="Red Harley" rel="thumb-change: mouseover" class="MagicZoom MagicThumb"><img src="img/hdred-small.jpg"/></a>
<br/>
<!-- notice here how REl attribute references zoom ID -->
<a href="img/hdred-big.jpg" rel="zoom1" rev="img/hdred-small.jpg" title="Red Harley"><img src="img/hdred-color.jpg"/></a>
<a href="img/hdgreen-big.jpg" rel="zoom1" rev="img/hdgreen-small.jpg" title="Green Harley"><img src="img/hdgreen-color.jpg"/></a>
<a href="img/hdblue-big.jpg" rel="zoom1" rev="img/hdblue-small.jpg" title="Blue Harley"><img src="img/hdblue-color.jpg"/></a>
<div class="html4strict" style="font-family:monospace;"><ol><li class="li1"><div class="de1"><span class="sc2"><<span class="kw2">html</span>></span></div></li>
<li class="li1"><div class="de1"> <span class="sc2"><<span class="kw2">head</span>></span></div></li>
<li class="li1"><div class="de1"> <span class="sc2"><<span class="kw2">title</span>></span>Magic Zoom Plus: Multiple images<span class="sc2"><<span class="sy0">/</span><span class="kw2">title</span>></span></div></li>
<li class="li1"><div class="de1"> </div></li>
<li class="li2"><div class="de2"> <span class="sc-1"><!-- link to mzp-packed.js file --></span></div></li>
<li class="li1"><div class="de1"> <span class="sc2"><<span class="kw2">script</span> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">"mzp-packed.js"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/javascript"</span>><<span class="sy0">/</span><span class="kw2">script</span>></span></div></li>
<li class="li1"><div class="de1"> <span class="sc-1"><!-- link to magiczoomplus.css file --></span></div></li>
<li class="li1"><div class="de1"> <span class="sc2"><<span class="kw2">link</span> <span class="kw3">href</span><span class="sy0">=</span><span class="st0">"magiczoomplus.css"</span> <span class="kw3">rel</span><span class="sy0">=</span><span class="st0">"stylesheet"</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">"text/css"</span> <span class="kw3">media</span><span class="sy0">=</span><span class="st0">"screen"</span><span class="sy0">/</span>></span></div></li>
<li class="li1"><div class="de1"> </div></li>
<li class="li2"><div class="de2"> <span class="sc2"><<span class="sy0">/</span><span class="kw2">head</span>></span></div></li>
<li class="li1"><div class="de1"> <span class="sc2"><<span class="kw2">body</span>></span></div></li>
<li class="li1"><div class="de1"> </div></li>
<li class="li1"><div class="de1"> <span class="sc-1"><!-- define Magic Zoom Plus (notice the ID attribute) --></span></div></li>
<li class="li1"><div class="de1"> <span class="sc2"><<span class="kw2">a</span> <span class="kw3">href</span><span class="sy0">=</span><span class="st0">"img/hdred-big.jpg"</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">"zoom1"</span> <s
破解版的图片放大镜（Magic Zoom Plus）
5星 · 超过95%的资源 需积分: 10 9 浏览量
2013-06-04
10:42:18
上传
评论
收藏 334KB RAR 举报 
.rar （26个子文件） 
去版权放大镜 
index.html 9KB example2.html 11KB
mzp-packed.js 66KB img 
hdred-small.jpg 12KB hdblue-color.jpg 952B hdred-color.jpg 814B hdblue-big.jpg 80KB hdred-big.jpg 80KB hdgreen-big.jpg 80KB hdblue-small.jpg 12KB
ajax-loader.gif 2KB hdgreen-color.jpg 1KB _desktop.ini 9B hdgreen-small.jpg 12KB example3.html 10KB mzp-packed原文件.js 35KB magiczoomplus.css 3KB graphics loader.gif 2KB
controlbar.png 2KB _desktop.ini 9B _desktop.ini 9B example1.html 8KB cursor zoomin.cur 326B zoomout.cur 326B _desktop.ini 9B
mzp-packed.rar 14KB资源评论
yixiaotw2014-04-05找了好多终于找了个能用的，感谢！
jyuan20092014-08-12找了好久，很不错，感谢！
BinGoViVi2015-01-28别人能不能用我不知道，我的magento不能用，，，
a3729009052014-08-21是可以用的~
