high_opacity: “1”,
low_opacity: “.2”,
timing: “500”
});
});
</script>
</head>
<body>
<div id=”wrapper”>
<h1>jFade</h1>
<p>jFade is a simple jquery plug-in that lets you highlight items on your website. Not only are customizable fades possible, but easy control of surrounding elements makes your most important content stand out.</p><br />
<h2>Portfolio Gallery</h2><br />
<p>(Fade adjoining objects out)</p>
<div id=”images”>
<img src=”images/card02.jpg” class=”jfade_image”/>
<img src=”images/card04.jpg” class=”jfade_image”/>
<img src=”images/card09.jpg” class=”jfade_image”/>
<img src=”images/card13.jpg” class=”jfade_image”/>
<img src=”images/card14.jpg” class=”jfade_image”/>
<img src=”images/card15.jpg” class=”jfade_image”/>
<img src=”images/card16.jpg” class=”jfade_image”/>
<img src=”images/card17.jpg” class=”jfade_image”/>
</div><br /><br />
<p>To use default settings just add the function </p>
<code><script type="text/javascript"> <br />
$().ready(function() {<br />
$(‘.jfade_image’).jfade();<br />
}); <br />
</script></code><br /><br />
<p>and add the class tag to each element:</p>
