Revision: 7965
Updated Code
at January 19, 2009 17:15 by grosbouff
Updated Code
/**
* scaleImage 0.1
*
* Rendez vos sites glissant !
*
* Copyright (c) 2008 Benoit G (http://www.tim-burton.net) based upon
* Licensed under the Creative Commons License:
* http://creativecommons.org/licenses/by/3.0/
*
* Date: 2008-08-25
*/
(function($){
$.fn.scaleImage = function(options) {
var defaults = {
maxwidth: 200,
linkclass:'',
icon:true,
thickbox:true
};
var options = $.extend(defaults, options);
return this.each(function() {
obj = $(this);
var width = obj.width();
var height = obj.height();
if (width > options.maxwidth) {
//Set variables for manipulation
var ratio = (height / width );
var new_width = options.maxwidth;
var new_height = (new_width * ratio);
var classes = options.linkclass+' scaleImage';
//thickbox
if (options.thickbox == true) {
var img_full_link = obj.attr('src');
obj.wrap('<a class="thickbox" title="'+obj.attr('alt')+'" href="'+img_full_link+'"></a>');
tb_init(obj.parent('a'));
}
//Shrink the image and add link to full-sized image
obj.height(new_height).width(new_width);
obj.addClass(classes);
//zoom icon
if (options.icon == true) {
obj.after('<div class="thumb-zoom"> </div>');
obj.hover(function(){
$(this).next('.thumb-zoom').addClass("hover");
},function(){
$(this).next('.thumb-zoom').removeClass("hover");
});
}
}
});
};
})(jQuery);
Revision: 7964
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at August 25, 2008 09:19 by grosbouff
Initial Code
/**
* scaleImage 0.1
*
* Rendez vos sites glissant !
*
* Copyright (c) 2008 Benoît G (http://www.tim-burton.net) based upon
* Licensed under the Creative Commons License:
* http://creativecommons.org/licenses/by/3.0/
*
* Date: 2008-08-25
*/
(function($){
$.fn.scaleImage = function(options) {
var defaults = {
maxwidth: 200,
linkclass:'',
icon:true,
thickbox:true
};
var options = $.extend(defaults, options);
return this.each(function() {
obj = $(this);
var width = obj.width();
var height = obj.height();
if (width > options.maxwidth) {
//Set variables for manipulation
var ratio = (height / width );
var new_width = options.maxwidth;
var new_height = (new_width * ratio);
var classes = options.linkclass+' scaleImage';
//thickbox
if (options.thickbox == true) {
var img_full_link = obj.attr('src');
obj.wrap('<a class="thickbox" title="'+obj.attr('alt')+'" href="'+img_full_link+'"></a>');
tb_init(obj.parent('a'));
}
//Shrink the image and add link to full-sized image
obj.height(new_height).width(new_width);
obj.addClass(classes);
//zoom icon
if (options.icon == true) {
obj.after('<div class="thumb-zoom"> </div>');
obj.hover(function(){
$(this).next('.thumb-zoom').addClass("hover");
},function(){
$(this).next('.thumb-zoom').removeClass("hover");
});
}
}
});
};
})(jQuery);
Initial URL
Initial Description
Initial Title
jQuery dynamic image resizer function
Initial Tags
resize, image, jquery
Initial Language
JavaScript