Quote:
<img src="full.png" alt="" class="grow" id="screen1"
onmouseout="reducethumb(1); return false;" width="240" height="227" />
<img src="thumb.png" alt="" class="shrink" id="thumb1"
onmouseover="expandthumb(1, 657, 623);">
|
to do each one you'd just have to apply it to each one,
Code:
$(".grow").hover(function() { }, function() {
reducethumb(1);
});
$(".shrink").hover(function() {
expandthumb(1, 657, 623);
}, function() {});
first chunk adds reducethumb to mouse out on all images w/ class of grow, second one adds expand thumb to all images w/ class 'shrink'. You can fill out the empty functions in each to do something on mouseover / mouseout respectively.