Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Фоновое, какие варианты? (https://javascript.ru/forum/dom-window/9807-fonovoe-kakie-varianty.html)

Артем125 06.06.2010 20:53

Фоновое, какие варианты?
 
Вложений: 1
Здравствующие! :)

есть часть таблицы
<tr>
    <td width="147">меню</td>
    <td width="969">контент</td>
    <td width="84">фирмы</td>
  </tr>


на последние 2 столбца
<td width="969">контент</td>
    <td width="84">фирмы</td>

необходимо поместить фотографию фоновую.

По горизонтали эта тбличка не изменна
. По вертикали, в зависимости от высоты документа, фоновая таблица должна скрываться, если документ мал по высоте, и Внимание - добавляться ниже, перевернутое фоновое изображение. Тоже, но перевернутое. Жесть, не знаю как подступиться :help:

Sweet 06.06.2010 22:51

Я бы сделал две картинки: одну обычную, а другую - вместе с перевернутым изображением. Проверил высоту: если она меньше обычного изображения, то вставляем его. А если больше - то картинку с перевернутым изображением.

Артем125 07.06.2010 20:47

<td width="960" id="content"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="left" valign="top">контент</td>
      </tr>
      <tr>
        <td height="32" align="right">телефоны</td>
      </tr>
    </table></td>



content = document.getElementById('content');	    
	
	// Настоящая высота тага td
	height = content.offsetHeight;
	
	// Количество изображений, округленное в большую сторону
	count = Math.ceil(height/300);	
	
	for ($i=0; $i<count; $i++)
	{
		if (height < 300) content.style.backgroundImage = "url(../dataimg/fon_content_top1.gif)";
		else content.style.backgroundImage = "url(../dataimg/fon_content_bottom1.gif)";
	}


что должно накапливаться в цикле. понятно, что чередование верхней картинки над нижней. Допустим, count = 3, тогда три фоновых в следующем порядке, fon_content_top1+fon_content_bottom1+fon_content_t op1
а как реализовать?

Подскажите, пожалуйста

Sweet 08.06.2010 00:44

Цитата:

Сообщение от Артем125
а как реализовать?

Я думаю, что никак. Да и что за заморочка?:) Чем мой вариант не подходит?

Skipp 08.06.2010 09:39

Артем125,
Зеркальное отражение на js. Не тестил, но всё же, а вообще прогуглил за 2 минуты.

Артем125 08.06.2010 19:12

Sweet. Подходит, его и реализовываю)) Спасибо. Только вопрос был как))


Часовой пояс GMT +3, время: 02:51.