Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 20.06.2014, 11:06   #1
best-er
Новичок
Джуниор
 
Регистрация: 20.06.2014
Сообщений: 2
По умолчанию Вопрос по img с absolute

Подскажите пожалуйста, как мне растянуть картинку с absolute в блоке div, расположенном в таблице (вписать в ячейку)?

Есть ячейка. Внутри блок div с картинками (слайд-шоу) со значением absolute. Картинки тоже absolute. Как центрировать слайд-шоу разобрался, НО. . Как мне сделать все это дело резиновым, и вписать в ячейку? Все изображения имеют одинаковый размер и должны масштабироваться со страницей, оставаясь вписанными в ширину ячейки, а не тупо отображаться в оригинальном размере. Спасайте, пожалуйста, кто может. . Код прилагается (самой ячейки) .

Насчет ширины ячейки - она не задана, так как объединяет в себе 4 ячейки, у которых ширина задана в %. Высота может быть и не 400px. Картинки в оригинале 1000х400 px (хотя это наверное ни к чему).

Страница - vodoevich.ru если надо можно код страницы целиком посмотреть там.

Код HTML:
<td colspan="4" height="400px" align="center" valign="top">

<div style="margin: auto; position: absolute; left: 50%; margin-left: -500px;">
<img src="images/1_1.jpg" id="slide_show" style="position:absolute;">
<img src="images/1_1.jpg" id="slide_show2" style="position:absolute; display:none;">
</div>

<script type="text/javascript">
var imgs = ['images/1_1.jpg','images/2_2.jpg','images/3_3.jpg'];
var n=0;
var next="";
$(document).ready(function(){go=setInterval("chgImg(0)", 3000);});
function chgImg(number) {
if (number!=0) {
clearInterval(go);
$('[id^=slide_show], [id^=slide_text]').stop();
n=number-2;
go=setInterval("chgImg(0)", 3000);

}
n++;
if (n>=imgs.length) n=0;
if (next=="") next=2;
else next="";
$('#slide_show'+next).attr('src',imgs[n]);
$('[id^=slide_show]').fadeToggle(2000);
}

</script>

</td>
best-er вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Центрирования img в div с поворотом img moshkin_ura HTML и CSS 0 23.12.2012 15:27
Absolute Database Михаил Юрьевич БД в Delphi 0 24.11.2012 12:29
position:absolute в IE alesja92 HTML и CSS 5 30.08.2012 16:00
Курсор ABSOLUTE atenon SQL, базы данных 0 11.03.2012 20:21
absolute Izhic Общие вопросы Delphi 7 18.12.2009 19:33