AW: Image resizer
hi.
also, wenn es "nur" das ist was du haben willst:
dann brauchst du dafür definitiv weder vanilla-js, noch jquery oder sonstige plugins. und die größenangabe steht definitiv nicht im div-tag drinne. außerdem: über js könntest du doch ebenfalls "nur" entweder das css manipulieren oder die width-/height-attribute im img-tag.
die resize()-methode von jquery hilft dir da insofern auch nicht groß weiter, weil sie ja nix weiter macht, als einen eventlistener zu registrieren, der abgefeuert wird, wenn sich die fenstergröße ändert.
dynamische größen in css ( also in % oder em ) tun das auch ohne eventlistener.
andere sache wäre, falls du mit fixen größen arbeitest. dann hilft dir resize() definitiv, weil du jedesmal beim aufrufen des eventhandlers die fenstergröße abfragst und dann im verhältnis auf deine bilder überträgst.
also:
$(function(){
var $_win = $( window ),
$_images = $( '.image_holder' );
var resize_fn = function( obj ){
var x = $_win.width(),
y = $_win.height(),
factor = 4;
var w = ( x / factor ) + 'px',
h = ( y / factor ) + 'px';
obj.each(function(){
$(this).css({
width : w,
height : h
});
});
}
$_win.resize(function(){
resize_fn( $_images );
});
});
dafür braucht's aber kein plug.
hoffe das hilft.
gruß
