Javascript.RU

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

Динамически изменяющиеся картинки
Привет всем! Я написал полурабочий скрипт. При наведении мыша на картинку она увеличивается, и соответственно уменьшается при уходе курсора. Так вот расширяясь, картинка двигает все что есть на странице, вот в этом и вся проблема. Как сделать так, чтобы расширяясь она не задевала остальные элементы страницы?
Вот исходник:
<script type="text/javascript" language="JavaScript">
var A;
var x;
var last=0;

function Max(x)
{
  clearInterval(A);
  if (last.height>100){last.height=100}
  last = x;
  A = setInterval(function(){if (x.height<200) {x.height+=5} else {clearInterval(A)}},1)  
}

function Min(x)
{ 
  clearInterval(A);
  //if (last.height>100){last.height=100}
  last = x;
  A = setInterval(function(){if (x.height>100) {x.height-=10} else {clearInterval(A); x.height=100;}},1)  
}
</script>


Использую картинку 100х100,
Инициализация
...
<img src="pic.jpg" onmouseover="Max(this)" onmouseout="Min(this)">
...
p.s. js вообще почти не знаю, просто есть некоторый опыт прогр-я на других языках.
Ответить с цитированием
  #2 (permalink)  
Старый 19.08.2009, 21:00
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Используйте абсолютное позиционнирование изображения.
Ответить с цитированием
  #3 (permalink)  
Старый 20.08.2009, 13:37
Новичок на форуме
Отправить личное сообщение для Velaskes Посмотреть профиль Найти все сообщения от Velaskes
 
Регистрация: 19.08.2009
Сообщений: 2

Спасибо! разобрался!
Ответить с цитированием
Ответ


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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как проверить загружены ли все картинки браузером Aderba jQuery 13 29.05.2014 14:18
Изменение размеров картинки через скрипт SLV Общие вопросы Javascript 4 27.12.2010 11:40
Мигание картинки в IE6 hp5741 Internet Explorer 3 09.07.2009 16:58
Preview большой картинки jusalex Элементы интерфейса 4 15.01.2009 18:01
Динамически создаваемые компоненты Drag&Drop BEER_HUNTER Элементы интерфейса 6 22.08.2008 13:32