JavaScript
$('.element2 img').jqthumb({
width:200,
height:200,
done: function(){
alert('三个图片处理后即出现alert,点击一次,即出现图片!');
}
});
HTML
<ul class="element">
<li class="element1"><img src="images/1.jpg" alt=""></li>
<li class="element2"><img src="images/1.jpg" alt=""></li>
</ul>
CSS
.element { width: 920px; margin: 0 auto; list-style-type: none; zoom: 1;}
.element:after { content: ''; display: table; clear: both;}
.element li { float: left; width: 200px; height: 200px; margin: 20px 10px 0; display: inline;}
.element1 { border: 5px solid #d9534f;}
.element1 img { width: 200px; height: 200px; vertical-align: top;}
.element2 { border: 5px solid #5cb85c;}