2012-03-29 3 views
0

У меня есть баннер, и это определенный размер. На нем есть украшения. У меня также есть вся моя таблица стилей веб-сайта, основанная на процентах на странице. Я хочу сохранить его таким образом. Однако есть ли способ динамически изменять размер изображения моего баннера? Итак, если я сжимаю веб-страницу вниз, она не пропускает какую-либо часть баннера?динамически изменяет размер изображения?

+2

у вас есть демо? мы едва можем понять, что здесь происходит – Joseph

+0

http://ru.utah.edu/~frazer/ – corvid

ответ

4

Привет очень просто без JQuery вы можете сделать это только CSS

я дать вам код

CSS часть

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

HTML часть

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

и live demo now click here

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

1

Ваш вопрос отчасти размыто, но чтобы правильно изменить размер изображения, вы можете играть на или значение widthheight (или обе)

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

тег, например. Браузер будет сохранять пропорции изображения, если вы измените только один атрибут. Изменение этих значений с помощью Javascript легко, и это не должно изменять ваш макет.

Смежные вопросы