Forum PHP.pl > [JavaScript] Image resize

Pomoc - Szukaj - Użytkownicy - Kalendarz

bambolo

5.02.2010, 15:02:57

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

kamil4u

5.02.2010, 16:46:20

Chodzi Ci jedynie o zmianę szerokości i wysokości danego obrazka np. w tagu <img>(albo jako tło w css)? Wątpię, żebyś znalazł szybko gotowca w necie, ale sam algorytm jest identyczny z tym w PHP, a tych w necie jest bardzo dużo.

Pierwotny rozmiar obrazka w JS: Temat: Odczytanie rozmiarow obrazka

bambolo

5.02.2010, 17:26:52

No tak to odczytuje wielkosc obrazka a jak zrobic zeby zrobił resize i wyswietlił o ustalonej wielkosci nap 800x600 jesli uff docelowy ma 1024x900

Cytat

kamil4u

6.02.2010, 13:55:51

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>

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.