Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Image resize
bambolo
post
Post #1





Grupa: Zarejestrowani
Postów: 135
Pomógł: 0
Dołączył: 10.02.2007

Ostrzeżenie: (10%)
X----


Witam szukam po sieci i nie moge znalesc skryptu js image resize czyli pomniejszaniu obrazków ale w taki sposób ze jesli image ma 800x600 zostaje oryginalny rozmiar ale jesli przekroczy tą wartosc zescaluje go do 800x600 z mozliwoscią wyswietlenia oryginalnego rozmiaru czy ktos jest w stanie wskazac link droge do takiego scryptu ?

Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


np tak(musisz zmienić algorytm na odpowiednie skalowanie):
Kod
<input type="button" onClick="changeSize(document.getElementById('obrazek'))" value="zmień. wymiary">
<br>
<img src="http://www.kuradomowa.com/grafika/plastelinowy_obrazek.jpg" id="obrazek">

<script type="text/javascript">

function getImageSize(src) {
var imageObject = new Image();
imageObject.src = src;

if(imageObject.complete){
return {x: imageObject.width, y: imageObject.height };
} else {
window.setTimeout('getImageSize("'+src+'")', 1000);
}
}

function changeSize(img){
var h,w,size;
size = getImageSize(img.src);
w = (img.width || size.x)/1.5;
h = (img.height || size.y)/1.5


img.width = w;
img.hight = h;
}
</script>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 14.10.2025 - 10:15