http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js
http://www.galerieweishaupt.de/popover/imgpreview.full.jquery.js
//<![CDATA[
jQuery.noConflict();
(function($){
$('ul#first a').imgPreview();
$('ul#second a').imgPreview({
imgCSS: { width: 200 }
});
$('ul#third a').imgPreview({
containerID: 'imgPreviewWithStyles',
imgCSS: {
// Limit preview size:
height: 200
},
// When container is shown:
onShow: function(link){
// Animate link:
$(link).stop().animate({opacity:0.4});
// Reset image:
$('img', this).css({opacity:0});
},
// When image has loaded:
onLoad: function(){
// Animate image
$(this).animate({opacity:1}, 300);
},
// When container hides:
onHide: function(link){
// Animate link:
$(link).stop().animate({opacity:1});
}
});
$('ul#fourth a').imgPreview({
containerID: 'imgPreviewWithStyles2',
imgCSS: {
// Limit preview size:
height: 200
},
// When container is shown:
onShow: function(link){
$('‚ + $(link).text() + ‚‚).appendTo(this);
},
// When container hides:
onHide: function(link){
$(’span‘, this).remove();
}
});
$(‚ul#fifth a‘).imgPreview({
containerID: ‚imgPreviewWithStyles3‘,
srcAttr: ‚rel‘,
imgCSS: {
// Limit preview size:
height: 200
},
// When container is shown:
onShow: function(link){
$(‚‚ + link.href + ‚‚).appendTo(this);
},
// When container hides:
onHide: function(link){
$(’span‘, this).remove();
}
});
})(jQuery);
//]]>