Magic Magnify™
Overview
Settings wizard
Examples
Default parameters
Borders
Magnifier shape
Magnifier effect
Magnifier filter
Custom image
Multiple images
Blur and transparency
Link to URL
Activate on click
Click to hold
Callback function
Magnifier simulate
Blur and transparency
Buy now £29
Get support
Background image is blurred while magnifying.
40% transparency.
<
html
>
<
head
>
<
title
>
Magic Magnify: Blur and transparency
<
/
title
>
<!-- link to magicmagnify/magicmagnify.js file -->
<
script
src
=
"magicmagnify/magicmagnify.js"
type
=
"text/javascript"
><
/
script
>
<
/
head
>
<
body
>
<
div
class
=
"w50"
>
<
p
>
Background image is blurred while magnifying.
<
/
p
>
<
p
><
a
href
=
"images/shoe_large.jpg"
class
=
"MagicMagnify"
rel
=
"blur:5"
><
img
src
=
"images/shoe_small.jpg"
/
><
/
a
><
/
p
><
br
/
>
<
/
div
>
<
div
class
=
"w50"
>
<
p
>
40% transparency.
<
/
p
>
<
p
><
a
href
=
"images/shoe_large.jpg"
class
=
"MagicMagnify"
rel
=
"transparency:40%"
><
img
src
=
"images/shoe_small.jpg"
/
><
/
a
><
/
p
><
br
/
>
<
/
div
>
<
div
class
=
"clear"
>
<
/
div
>
<
/
body
>
<
/
html
>