|
| |
|
|
| |
для: Sfinks
(30.12.2013 в 09:02)
| | | Отлично получилось, спасибо! | |
| |
|
|
| |
|
|
| |
для: Владимир55
(28.12.2013 в 20:46)
| | | Да, я не в тот фрагмент посмотрел. Надо:
$(this).attr('width', $(this).attr('width')+'%');
|
заменить на:
$(this).attr('width', parseInt($(this).attr('width'))>95 ? '95%' : $(this).attr('width')+'%');
|
| |
| |
|
|
| |
|
|
| |
для: Владимир55
(29.12.2013 в 11:24)
| | | Это нетрудно. Приду - помогу. | |
| |
|
|
| |
|
|
| |
для: Deed
(29.12.2013 в 10:55)
| | | С методикой ясно, спасибо за разъяснение!
А что относительно установления в скрипте лимита ширины? Это осуществить не представляется возможным? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(29.12.2013 в 01:20)
| | | Привычка. Так аккуратнее. Так ЭВМ ищет только дочерние картинки в "div.dva", значит проигнорирует все остальное. То есть другие теги в этом диве, если они будут, останутся без внимания. | |
| |
|
|
| |
|
|
| |
для: Deed
(28.12.2013 в 23:00)
| | | Спасибо!
overflow:hidden, конечно же, решает проблему padding, так что за пределы блока картинка не выходит. Но все же, после того, как будет введена картинка, использованная в примере, ширина которой 250рх, она смотрится не очень красиво (см. http://wowa55.pz9.ru/4-68.html). Админ её поправит, но было бы совсем хорошо, если бы скрипт всё же имел лимит ширины 95-98%.
Это возможно?
======================
Пользуясь случаем, хочется задать еще один вопрос относительно самой методики верстки.
Вот Вы использовали
$('div.dva>img').each(function(){
|
и
Почему именно так?
Ведь если оставить
$('.dva img').each(function(){
|
и
то всё работает точно также (см. http://wowa55.pz9.ru/5-68.html )
(P.S. В папке banner есть несколько графических файлов). | |
| |
|
|
| |
|
|
| |
для: Владимир55
(28.12.2013 в 20:46)
| | | http://jsbin.com/ikEcapOr/1/edit?html,css,output
1. "Корявый" линк на jquery.
2. Нет вызова заданной функции. | |
| |
|
|
| |
|
|
| |
для: Sfinks
(28.12.2013 в 19:49)
| | | Сорри, я ничего не понимаю...
Ниже приведен полный код тестовой страницы http://wowa55.pz9.ru/1-68.html. Что конкретно в его скрипте надо изменить и как?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Варианты верстки</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function(){
$('.dva img').each(function(){
$(this).attr('width', $(this).attr('width')+'%');
$(this).removeAttr('height');
});
});
</script>
<style>
.dva {font-size:50px; width:100%; background-color:#FC6;}
.dva img {padding:1%;}
</style>
</head>
<body><!-- NOAD: wowa55.pz9.ru/1-68.html -->
Реальный размер 250х90 <br>
<img border="0" src="banner/221.gif" width="250" height="190"><br>
Обработано скриптом <br>
<div class="dva">
<img border="0" src="banner/221.gif" width="100" height="90"> 100 %<br>
<img border="0" src="banner/221.gif" width="50" height="90"> 50 %<br>
<img border="0" src="banner/221.gif" width="20" height="90"> 20 %<br>
</div>
<br/> <br/>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Владимир55
(28.12.2013 в 18:34)
| | | найти первый фрагмент и заменить на второй | |
| |
|
|
| |
|
|
| |
для: btr
(28.12.2013 в 19:22)
| | | Нафига писать такие сообщения, btr ? | |
| |
|
|
|
