Javascript.RU

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

Цикличное увеличение картинки
Обьясните пожалуйста, при наведении мышки на картинку она начинает циклично уменьшаться и увеличиваться одновременно, как это убрать Надо чтобы она увеличивалась при наведении и уменьшалась при убирании с нее мышки
function bigPict(){
     var w=document.tigr.width;
	 if (w>102){
      document.tigr.width=w-5;
      document.tigr.src="images/tigrenok.jpg"
      setTimeout("bigPict()", 35)
	  
     }
	 if (w<302){
      document.tigr.width=w+10;
      document.tigr.src="images/tigrenok.jpg"
      setTimeout("litlePict()", 1)
	  
     }
	}

<img src="images/tigrenok.jpg" name="tigr" width="302" onMouseOver="bigPict()" onmouseover="litlePict()" >
Ответить с цитированием
  #2 (permalink)  
Старый 15.07.2011, 20:36
Новичок на форуме
Отправить личное сообщение для LaFa777 Посмотреть профиль Найти все сообщения от LaFa777
 
Регистрация: 15.07.2011
Сообщений: 4

Сразу извеняюсь если написал не в том подфоруме, если не правильно ,прошу перенести
Ответить с цитированием
  #3 (permalink)  
Старый 16.07.2011, 00:37
Интересующийся
Отправить личное сообщение для Jude Посмотреть профиль Найти все сообщения от Jude
 
Регистрация: 12.06.2011
Сообщений: 14

onmouseover и onmouseout, а не onmouseover и onmouseover
Ответить с цитированием
  #4 (permalink)  
Старый 16.07.2011, 09:16
Новичок на форуме
Отправить личное сообщение для LaFa777 Посмотреть профиль Найти все сообщения от LaFa777
 
Регистрация: 15.07.2011
Сообщений: 4

Все равноо та же проблема осталась, видимо они оба сразу берут одно и то же значение width и пытаються в одно и то же время его изменить
function bigPict(){
     var w=document.tigr.width;
    if (w>102){
      document.tigr.width=w-5;
      document.tigr.src="images/tigrenok.jpg"
      setTimeout("bigPict()", 35)
    
     }
   if (w<302){
      document.tigr.width=w+10;
      document.tigr.src="images/tigrenok.jpg"
      setTimeout("litlePict()", 1)
     }}

<img src="images/tigrenok.jpg" name="tigr" width="302" onMouseOver="bigPict()" onMouseOut="litlePict()" >
Ответить с цитированием
  #5 (permalink)  
Старый 16.07.2011, 11:52
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

зачем ты каждый раз изменяешь путь к картинке?

и где функция litlePict ?

вот то, что ты хотел получить

Пример: или тут
<img src="http://cs5947.vkontakte.ru/u17024909/e_95a2680e.jpg" name="tigr" width="102" >

<script>
var img = document.tigr;

// можно и через html их назначить
// имена функций сохраненыв\
img.onmouseover=bigPict; 
img.onmouseout=litlePict;

function bigPict(){
    if (img.width<302){
        img.width += 10;
        setTimeout( bigPict, 10);
    }
}

function litlePict(){
    if (img.width>102){
        img.width -= 5;
        setTimeout( litlePict, 1);
    }
}

</script>
Ответить с цитированием
  #6 (permalink)  
Старый 16.07.2011, 12:29
Новичок на форуме
Отправить личное сообщение для LaFa777 Посмотреть профиль Найти все сообщения от LaFa777
 
Регистрация: 15.07.2011
Сообщений: 4

Удивительно , но в браузере твой метод не работает
А нет, твой метод работает, это я туплю, спс
Ответить с цитированием
  #7 (permalink)  
Старый 27.06.2012, 12:53
Новичок на форуме
Отправить личное сообщение для AndrikUA Посмотреть профиль Найти все сообщения от AndrikUA
 
Регистрация: 13.06.2012
Сообщений: 2

Не могу сделать для нескольких изображений
<script type="text/javascript">

function bigPict(i){
var a = document.getElementsByTagName('img');
if (a[i].width<300) {
a[i].width += 10;
setTimeout( bigPict, 10);
}
}

function litlePict(i){
var b = document.getElementsByTagName('img')
if (b[i].width>100){
b[i].width -= 5;
setTimeout( litlePict, 1);
}
}
</script>
</head>
<body>
<img id="img1" src="cat.jpg" onmouseover="bigPict(0)" onmouseout="litlePict(0)" width="100" >
<img id="img2" src="car.jpg" onmouseover="bigPict(1)" onmouseout="litlePict(1)" width="100" >
</body>

Не могу понять в чем ошибка! Изображение увеличивается при кожном наведении только один раз на 10px.

Не могу понять в чем загвостка! Помогите пожалуйста!
Вложения:
Тип файла: txt Untitled-1 - копия.txt (821 байт, 2 просмотров)
Ответить с цитированием
  #8 (permalink)  
Старый 27.06.2012, 13:36
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

setTimeout( bigPict, 10);
// заменить на
setTimeout(function() { bigPict(i) }, 10);

с littlePict по аналогии
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Плавное увеличение картинки begin Общие вопросы Javascript 6 30.01.2012 22:33
увеличение картинки при наведении мышкой Sereban jQuery 10 31.08.2011 14:50
увеличение картинки при нажатии alex964 Элементы интерфейса 1 13.03.2011 21:54
увеличение картинки по клику highslide terveg Общие вопросы Javascript 1 16.11.2010 14:39
Увеличение картинки при наведение Axenic Элементы интерфейса 2 05.06.2009 12:00