Powiększenie obrazka. Opcje

[paxton]

Witam, szukałem dużo na ten temat lecz nic nie znalazłem, jeśli mam obrazek w background: url(...); to czy da sie go za pomocą css lub JS (Najlepiej jQuery) powiększyć?

[wookieb]

Nie. Tylko element img moze skalować zdjęcia.

[jmail]

nałoż dodatkowego diva z img i wtedy go powiększysz

[paxton]

Tylko ze ja muszę tym tłem ruszać.

[jmail]

ruszaj ile wlezie - position absolute

[paxton]

Ale jeśli wstawię obrazek w divie w img to nadal będę mógł nim ruszać? (Pozycja tła)

[jmail]

[HTML] pobierz, plaintext 
 
<div style="position: absolute; top: 0px left: 0px">
  <img src="">
</div>
 
[HTML] pobierz, plaintext 

i ruszaj divem a nie obrazkiem

[paxton]

Dziwn,e bo w grze Margonem jest taki div:

<div id="oMap" style="background-position: -288px -1152px; background-image: url(http://game7.margonem.pl/obrazki/miasta/wies-lowcow.png);"/>

Obrazek to mapa 2048x 2048 a w grze jest przyblizona i jest o wiele wieksza.

Chyba muszę sprawdzić jak działają te skrypty JS skalujące.

[erix]

Zaraz, masz na myśli skalowanie, czy kadrowanie, bo to są dwie różne rzeczy?

[paxton]

Przykład:

Mam obrazek 150x150

Chce aby wyświetlił się w wielkości 500x500 i abym mógł nim normalnie ruszać poprzez background-position.