VPF::Вопрос по img с absolute - Форум программистов

indieboy

Дата 20.6.2014, 10:14 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 20.6.2014

Репутация: нет
Всего: нет

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

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

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

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

Код


<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>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »