Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.11.2010, 12:35
Аспирант
Отправить личное сообщение для adelante Посмотреть профиль Найти все сообщения от adelante
 
Регистрация: 26.01.2010
Сообщений: 44

Пропорциональное уменьшение размеров картинок (делаем тамбнейлы), не работает
Собственно, есть

<td class='ttt tooltipimg'


есть

<style type='text/css'>.ttt {vertical-align:top;} .ttt img { width:400px; }</style>


и есть:

<script type="text/javascript">

function setWidth() { 

		var allImg = document.getElementsByClassName('tooltipimg').getElementsByTagName('img'); 
		
		for (var i=0; i<allImg.length; i++) 
		{ if (allImg[i].width > 190) 		
			{ allImg[i].height = allImg[i].height*(190/allImg[i].width); allImg[i].width = 190; }
		 
		  if (allImg[i].height > 190) 
		  	{ allImg[i].width = allImg[i].width*(190/allImg[i].height); allImg[i].height = 190; }
		    
			}
	    } 
	 
onload = setWidth;

</script>


И что-то оно, зараза, не работает. Или мозг у меня.
Ответить с цитированием
  #2 (permalink)  
Старый 27.11.2010, 12:50
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 03.04.2008
Сообщений: 6,245

getElementsByClassName
разумеется вы в курсе, что он работает не во всех браузерах
Ответить с цитированием
  #3 (permalink)  
Старый 27.11.2010, 13:03
Аспирант
Отправить личное сообщение для adelante Посмотреть профиль Найти все сообщения от adelante
 
Регистрация: 26.01.2010
Сообщений: 44

Не работает в Safari, Chrome, Opera, Firefox (всё последнее, свежее). Такчто, наверное, не в этом дело. В Эксплорере не проверял.
Ответить с цитированием
  #4 (permalink)  
Старый 28.11.2010, 07:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 32,898

adelante,
А картинки то успели подгрузиться к тому времени когда вы их изменяите?
Ответить с цитированием
  #5 (permalink)  
Старый 28.11.2010, 08:44
Новичок на форуме
Отправить личное сообщение для Kolyaj Посмотреть профиль Найти все сообщения от Kolyaj
 
Регистрация: 19.02.2008
Сообщений: 9,177

Сообщение от adelante
var allImg = document.getElementsByClassName('tooltipimg').getE lementsByTagName('img');
getElementsByClassName возвращает NodeList, у которого нет метода getElementsByTagName.

Откройте для себя консоль ошибок. Без неё далеко не уедете.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Прелоуд картинок не работает в Опере Arseo Opera, Safari и др. 3 20.11.2009 18:45