BASE4U

Javascript-Quelltext

$(document).ready(function()
{

var max_size = 200; //Diese Größe wird die Maximal größe sein

$("img").each(function(i) {
//Die Bildergröße muss natürlich größer als die maximale sein, um sie überhaupt zu skalieren
	if ($(this).height() > max_size || $(this).width() > max_size)
	{
	  if ($(this).height() > $(this).width()) 
	  {
		var h = max_size;
		var w = Math.ceil($(this).width() / $(this).height() * max_size);
	  } 
	  else 
	  {
		var w = max_size;
		var h = Math.ceil($(this).height() / $(this).width() * max_size);
	  }

	  $(this).css({ height: h, width: w });
	}
});

});

Javascript-Quelltext

<script type="text/javascript" language="javascript">

$(document).ready(function()
{
    $("img.resize").imageResizer(); //Default-Value: 200px
});
</script >

HTML

<img class="resize" src="../images/ac_2.png" />
<img class="resize" src="../images/ac_4.png" />
<img class="resize" src="../images/ac_6.png" />
<img class="resize" src="../images/ac_8.png" />

Javascript-Quelltext

<script type="text/javascript" language="javascript">

$(document).ready(function()
{
    $("#resizeImages>img").imageResizer({max_width: 250})
});
</script >

HTML

<div id="resizeImages">
<img src="../images/ac_1.jpg" />
<img src="../images/ac_3.jpg" />
<img src="../images/ac_5.jpg" />
<img src="../images/ac_7.jpg" />
</div>