Bild dynamisch verändern?

Question

Ich habe ein Banner, und es ist eine bestimmte Größe. Es hat Dekorationen darauf. Ich habe auch meine ganze Website Style Sheet basierend auf Prozentsätzen auf der Seite. Ich möchte es so halten. Gibt es jedoch eine Möglichkeit, mein Bannerbild dynamisch zu skalieren? Wenn ich also die Webseite verkleinere, wird kein Teil des Banners weggelassen?

Answer 1

Hallo ist sehr einfach ohne jquery Sie diese nur CSS tun können

i geben Sie Code

css Teil

.imgresize{ 
    width:50%; 
} 
.imgtag{ 
    width:100%; 
} 

html Teil

<div class="imgresize"> 
<img src="https://www.google.pt/images/srpr/logo3w.png" alt="google" class="imgtag" /> 
</div> 

und live demo now click here

http://jsfiddle.net/rohitazad/aJdmu/1/

Answer 2

Ihre Frage ist eine Art verschwommen, aber richtig ein Bild, um die Größe Sie auf der width oder height Wert (oder beides) eines

<img width="width_value" src="img_src" /> 

Tag zum Beispiel spielen können. Der Browser behält die Proportionen des Bildes bei, wenn Sie nur ein Attribut ändern. Die Änderung dieser Werte mit Javascript ist einfach und sollte Ihr Layout nicht verändern.