Drukowana wersja tematu

Kliknij tu, aby zobaczyć temat w orginalnym formacie

Forum PHP.pl _ Po stronie przeglądarki _ [jquery] złe skalowanie zdjęć

Napisany przez: Lejto 1.01.2012, 19:41:46

Mam problem z galerią w jQuery. Niektóre zdjęcia wychodzą zniekształcone w porównaniu z bezpośrednim otwarciem http://agatakarczewska.eu/galeria/9 przykładowo to 1 (oryginał: http://agatakarczewska.eu/obrazy/95808c5cbafde5f58.jpeg). Nie wiem jak to poprawić. Kod, który skaluje: http://agatakarczewska.eu/js/jquery.slidingGallery-1.2.min.js

Pozdrawiam

Napisany przez: mortus 1.01.2012, 21:30:19

No cóż, JS i współczesne przeglądarki jak na razie nie posiadają funkcji Photoshopa. Najlepiej byłoby przechowywać dwie wersje pliku na serwerze (większą i mniejszą) i podmieniać w odpowiednim momencie. Skrypt, który w tej chwili zajmuje się powiększaniem nie skaluje obrazu za pomocą jakiejś wyspecjalizowanej techniki, a po prostu zmienia jego wielkość. Nie ma się więc czemu dziwić, ze jest tak, jak jest.

Napisany przez: ShadowD 1.01.2012, 21:38:47

Możesz napisać kod który będzie odpowiadać za zachowanie proporcji, lub zlecić to komuś. ;-)

Napisany przez: Lejto 3.01.2012, 17:48:37

a jakiś zamiennik do tego skryptu polecacie?

a co powiecie na to http://burning-brushes.pl/tutoriale-javascriptjquery/skalowanie-obrazkow/ ?

jak mogę zaimplementować ten kod do

Kod

var max_width = 300; // definiujemy maksymalną szerokość obrazka

// tworzymy nową funkcje
function resize_image(img) {

     // jeśli szerokość obrazka jest większa niż dopuszczalna maksymalna szerokość
     if(img.width > max_width) {

      // obliczamy proporcje szerokość do wysokość
      factor = img.width / img.height;

      // obliczamy proporcjonalną wysokość, zaokrąglamy ją używając Math.floor();
      height = Math.floor(max_width / factor);

      // nadajemy obrazkowi nowe wymiary
      img.width = max_width;
      img.height = height;
      }

}

http://agatakarczewska.eu/js/jquery.slidingGallery-1.2.min.js

macie jakieś pomysły?