popover-test

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);
//]]>

Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s