Automatyczne skalowanie obrazka do wcześniej ustalonych rozmiarów

W jaki sposób można wyświetlić obraz, który jeśli będzie większy niż 500x500px np. 670x700 zostanie automatycznie zeskalowany do rozmiaru 500x500px
Chodzi o istniejący obraz (nie wgrywany) po prostu przykładowo chcę dać możliwość umieszczania obrazków z innych stron przez użytkownika, ale żeby strona się nie rozpadała, obraz będzie skalowany, jeśli przekroczy dozwolony rozmiar.

Przykład http://forum.softmania.pl/showthread.php?t=28883 jak zrobić coś takiego? Nie koniecznie z takim efektem po kliknięciu.

Chodzi o coś co jest stosowane na forach, ktoś wrzuca obraz 1200x900px a obrazek jest zmniejszany do rozmiaru 300x180px np.

Napisałem coś takiego:

[PHP] pobierz, plaintext 
<?php
$maxWidth=500; $maxHeight=500;
$image="obrazek.jpg";
$size=getimagesize($image);
while($size[0]>$maxWidth || $size[1]>$maxWidth){
$size[0]=($size[0]*95)/100; // liczba 95 mówi o dokładności skalowania, im większa tym skalowanie
$size[1]=($size[1]*95)/100; // jest dokładniejsze(bliżej podanych wartości), ale dłużej wykonuje pętle,
}
$width=$size[0];
$height=$size[1];
?>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
<img src=".$image." height=".$height." width=".$width." />
[HTML] pobierz, plaintext 

Każdy obrazek wystarczy przez to przepuścić.

Edit: Matko, ale ja jestem nie kumaty ostatnio. WIELKIE DZIĘKI !!!!!!!!!!!!

Jest jeszcze mały problem...
Skrypt oparty jest o system szablonów, jeśli wstawiam kod php, wyświetla się on jako zwykłe litery:


Próbowałem najpierw wstawić php kodem

[HTML] pobierz, plaintext 
<script LANGUAGE="php"> 
W tym miejscu wstaw dowolny kod PHP 
</SCRIPT>
[HTML] pobierz, plaintext 

Ale również nie wiele to dało, bo nie czyta kodu php.
Jak wstawić kod php aby był widoczny w miejscu
TUTAJ DOWOLNY KOD PHP

Mógł bym najprościej zrobić ramkę, w której umieścił bym kod php ale wtedy nie czyta adresu obrazka.
Czylki kodu: {STORY_URL}

[HTML] pobierz, plaintext 
<div class="aclear"></div>
                            </div>
                            <div class="mainpost1"><div class="posttitle"><a href="#">{STORY_TITLE}</a><br>
 
 TUTAJ DOWOLNY KOD PHP
</div>
                            <div class="postdetails">{LANG_SUBBY} {STORY_USER_NAME} {STORY_AGO} {LANG_AGO} (via {STORY_DOMAIN})</div>
                            <div class="postcontent">{STORY_DESC}</div>
[HTML] pobierz, plaintext 

Najlepiej będzie jeśli pogrzebiesz w pliku php, który jest odpowiedzialny za wysłanie danych do pliku szablonu. Wystarczy, że znajdziesz w nim zmienną przechowującą ścieżkę do pliku, 'dasz' tą zmienną temu kawałkowi kodu i wyślesz do szablonu wysokość i szerokość. W pliku tym powinieneś się połapać jak są wysyłane. W pliku szablonu dodasz {width} i {height} w img, i może coś zadziała.

Tylko tu chodzi o kod:

[PHP] pobierz, plaintext 
<?php
$maxWidth=500; $maxHeight=500;
$image="obrazek.jpg";
$size=getimagesize($image);
while($size[0]>$maxWidth || $size[1]>$maxWidth){
$size[0]=($size[0]*95)/100; // liczba 95 mówi o dokładności skalowania, im większa tym skalowanie
$size[1]=($size[1]*95)/100; // jest dokładniejsze(bliżej podanych wartości), ale dłużej wykonuje pętle,
}
$width=$size[0];
$height=$size[1];
?>
[PHP] pobierz, plaintext 

Nie wiem jak go wstawić do pliku STORY.PHP
Na kod story.php możesz zerknąć na: http://pokazywarka.pl/8cdr65/
Bo w pliku STORY.HTML (plik szablonu) nie działa żaden kod php

http://pokazywarka.pl/r920ds/

Pogrubiłem, to co dodałem, zamiast "obrazek.jpg" dałem $story['story_url']. W szablonie powinno wyglądać mniej więcej tak..

[HTML] pobierz, plaintext 
<img src="{STORY_URL}" height="{IMG_H}" width="{IMG_W}" />
[HTML] pobierz, plaintext 

Super działa pięknie, prubowałem w identyczny sposób zrobić tak z index.php ale albo wyrzuca błąd linijki, albo kod

[HTML] pobierz, plaintext 
<img src="{STORY_URL}" height="{IMG_H}" width="{IMG_W}" />
[HTML] pobierz, plaintext 

nie wyświetla obrazka, jak dodać do index.php kod który umieściłeś w Story.php? został tylko index.php, ale coś robię źle....

http://pokazywarka.pl/oyyqmv/

http://pokazywarka.pl/k0v3yo/
Nie wiem czy dobrze. Do szablonu przekazywana jest tablica więc zmienne {*} muszą inaczej wyglądać. Porównaj sobie z innymi i się dowiesz jak.

Faktycznie są inne, ale wystarczyło dodać {STORIES.story_url} . Dzięki wielkie wszystko ładnie działa!

Ale nie pomyślałem o bardzo ważnej rzeczy, obrazku alternatywnym.

Jeśli go nie ma wyskakuje błąd linijki


Zastosowałem prosty kod:

[HTML] pobierz, plaintext 
<script>
function ImgError(source)
{
source.src = "error.gif";
source.onerror = "";
return true;
}
</SCRIPT>
[HTML] pobierz, plaintext 

I jeśli nie ma obrazka o nazwie obraz.jpg, wyświetla się error.gif
Ale nadal wyskakuje mi błąd linijki


Jak się tego pozbyć?

Zastosuj file_exists(); i uruchom cały kod jeśli plik istnieje.

coś robie źle, bo teraz wyświetla się error.gif nawet jeśli jest obrazek obraz.jpg

Nie ogarniam dokładnie ostatniego problemu. Bez sprawdzania pliku nie było error.gif gdy go być nie miało? Może w if(file_exist...) zostawić tylko getimagesize()l, a resztę poza nim, bo może coś potrzebujesz, np. story.url. Możesz pójść na łatwiznę i dodać @ przed getimagesize(); żeby schować error, jak Cie to interesuje...
Z tego co rozumiem to jeśli nie ma obrazka, to ma być widoczny error.gif? Czyli jeśli nie ma obrazka, to znaczy, że story_url nic nie przechowuje? To daj jej adres adres do error.gif, jeśli jest pusta(zwykły warunek), i js nie będzie potrzebny..

Kombinowałem jeszcze ale w końcu zastosowałem @ przed getimagesize();
Teraz jest ok. Jeszcze raz dzięki wielkie!