Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.06.2010, 20:53
Профессор
Отправить личное сообщение для Артем125 Посмотреть профиль Найти все сообщения от Артем125
 
Регистрация: 01.10.2009
Сообщений: 158

Фоновое, какие варианты?
Здравствующие!

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


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

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

По горизонтали эта тбличка не изменна
. По вертикали, в зависимости от высоты документа, фоновая таблица должна скрываться, если документ мал по высоте, и Внимание - добавляться ниже, перевернутое фоновое изображение. Тоже, но перевернутое. Жесть, не знаю как подступиться
Изображения:
Тип файла: jpg жесть.jpg (204.2 Кб, 3 просмотров)

Последний раз редактировалось Артем125, 06.06.2010 в 20:58.
Ответить с цитированием
  #2 (permalink)  
Старый 06.06.2010, 22:51
Профессор
Отправить личное сообщение для Sweet Посмотреть профиль Найти все сообщения от Sweet
 
Регистрация: 16.03.2010
Сообщений: 1,618

Я бы сделал две картинки: одну обычную, а другую - вместе с перевернутым изображением. Проверил высоту: если она меньше обычного изображения, то вставляем его. А если больше - то картинку с перевернутым изображением.
Ответить с цитированием
  #3 (permalink)  
Старый 07.06.2010, 20:47
Профессор
Отправить личное сообщение для Артем125 Посмотреть профиль Найти все сообщения от Артем125
 
Регистрация: 01.10.2009
Сообщений: 158

<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
а как реализовать?

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

Последний раз редактировалось Артем125, 07.06.2010 в 22:12.
Ответить с цитированием
  #4 (permalink)  
Старый 08.06.2010, 00:44
Профессор
Отправить личное сообщение для Sweet Посмотреть профиль Найти все сообщения от Sweet
 
Регистрация: 16.03.2010
Сообщений: 1,618

Сообщение от Артем125
а как реализовать?
Я думаю, что никак. Да и что за заморочка? Чем мой вариант не подходит?
Ответить с цитированием
  #5 (permalink)  
Старый 08.06.2010, 09:39
Аватар для Skipp
.
Отправить личное сообщение для Skipp Посмотреть профиль Найти все сообщения от Skipp
 
Регистрация: 30.03.2010
Сообщений: 1,813

Артем125,
Зеркальное отражение на js. Не тестил, но всё же, а вообще прогуглил за 2 минуты.
__________________
.
Ответить с цитированием
  #6 (permalink)  
Старый 08.06.2010, 19:12
Профессор
Отправить личное сообщение для Артем125 Посмотреть профиль Найти все сообщения от Артем125
 
Регистрация: 01.10.2009
Сообщений: 158

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



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Перемешать варианты ответов demix Общие вопросы Javascript 4 03.03.2010 23:25
фоновое изображение через fileUpload i8th Events/DOM/Window 4 25.02.2010 11:53
какие песни вы подпеваете пока программируете? nemo Оффтопик 25 22.01.2010 13:20
В Firefox 3.5.5 не работает метод POST. Какие методы лечения? javascript_pupil AJAX и COMET 1 10.12.2009 20:34
Как узнать какие ошибки произошли при парсинге xml файла faunder Events/DOM/Window 0 12.09.2008 14:17