Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js][jquery] Proporcjonalność zdjęcia
deha21
post
Post #1





Grupa: Zarejestrowani
Postów: 544
Pomógł: 5
Dołączył: 18.08.2009

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


Witam,
Potrzebuję jquery lub ewentualnie czystym javascript takie działanie które z podanych danych szerokości i wysokości danego zdjęcia poda wynik zdjęcia proporcjonalnego względem nowej szerokości. Czyli mam dane
X=1024 oraz Y=768 i teraz wpisuje do X np. 640 i klikam na przycisk (on wywołuje funckcję) i wtedy wartość Y oblicza się proporcjonalnie czyli 480.
Działanie proporcjonalności zasięgnąłem z kodu tworzenia miniaturek biblioteką GD. Na matematyce się nie znam ale mniemam, że to coś takiego (IMG:style_emoticons/default/winksmiley.jpg)
  1. $thumb_w=$new_w;
  2. $thumb_h=$old_y*($new_h/$old_x);

A więc zrobiłem coś takiego:
[JAVASCRIPT] pobierz, plaintext
  1. $('#ratiox').click(function(){
  2. var newY = orgH*(orgW/orgW);
  3. $('#orgH').val(newY);
  4. });
[JAVASCRIPT] pobierz, plaintext

Jest orgW/orgW dlatego, że newH będzie takie jak orgW.
Niestety nie działa. Dane z orgH i orgW są dobrze pobierane. I jeszcze, żeby się zaokrąglało do pełnych pikseli (IMG:style_emoticons/default/winksmiley.jpg)

Proszę o pomoc
Pozdrawiam

Ten post edytował deha21 3.09.2009, 08:49:39
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
deha21
post
Post #2





Grupa: Zarejestrowani
Postów: 544
Pomógł: 5
Dołączył: 18.08.2009

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


Aa już odkryłem co nie działa (IMG:style_emoticons/default/winksmiley.jpg) Sam algorytm działa dobrze i wypisuje liczbę (jeszcze tutaj prośba jak ją zaokrąglić?). Tylko problem jest taki, że jak zmienię w polu "orgw" daną to nie jest ona uaktualniana.
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function(){
  2. var orgw = $('#orgw').val();
  3. var orgh = $('#orgh').val();
  4. var old_w = $('#old_w').val();
  5. var old_h = $('#old_h').val();
  6.  
  7. $('#ratiox').click(function(){
  8. var newy = (orgw/old_w)*old_h;
  9. $('#orgh').val(newy);
  10. });
  11. });
[JAVASCRIPT] pobierz, plaintext

Dane z orgw i orgh są na początku ustalane przez PHP (getimagesize). Ale przy zmianie zmienna orgw w js powinna się uaktualnić.
  1. <?
  2. Szerokość: <input type='text' name='width' id='orgw' value='".$width."' size='4'>
  3. Wysokość: <input type='text' name='height' id='orgh' value='".$height."' size='4'>
  4. ?>


Może znam rozwiązanie ale jest trochę na około i wydaje mi się, że znacie lepszy sposób. Chodzi o to, że przy edycji pola orgw zmienna orgw w js pobiera ponownie dane z pola orgw.
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: 11.10.2025 - 03:52