X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> slognosty_v_css
egor84
egor84
Topic Starter сообщение 12.7.2010, 12:19; Ответить: egor84
Сообщение #1


Добрый день всем!!!
У меня вопрос, люди, подскажите, как можно сделать в css или в js так, чтобы при наведение курсора на фотографию, фото становилось больше?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 12.7.2010, 12:41; Ответить: locky-yotu
Сообщение #2


egor84, вот
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
egor84
egor84
Topic Starter сообщение 12.7.2010, 14:03; Ответить: egor84
Сообщение #3


locky-yotun , вы дали мне ссылку на код, но у меня ничего не получается
я навожу курсор на фото оно не увеличевается
почему?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 12.7.2010, 14:07; Ответить: Letmetouchyou
Сообщение #4


egor84, тут телепатов нету.
покажи что ты делаешь
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
egor84
egor84
Topic Starter сообщение 12.7.2010, 14:16; Ответить: egor84
Сообщение #5


мне дали ссылку на этот код:
<script>
function zoomIn(e){
e.style.width = e.clientWidth*1.2;
e.style.height = e.clientHeight*1.2;
}

function zoomOut(e){
e.style.width = e.clientWidth/1.2;
e.style.height = e.clientHeight/1.2;

}
</script>
<img src='http://www.html.by/images/top_html.jpg' onmouseover='zoomIn(this)' onmouseout='zoomOut(this)'/>

я подставил свое фото ничего не работает
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 12.7.2010, 14:18; Ответить: locky-yotu
Сообщение #6


Бывает, что еще сказать. Код же примитивней некуда. И он работает. Разбирайтесь.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
egor84
egor84
Topic Starter сообщение 12.7.2010, 14:57; Ответить: egor84
Сообщение #7


<img src="i2/volokolamA.gif" width="70" height="50" border="1" onMouseOver="zoom(this)";>

<script type="text/javascript">
function zoom(param1) {
speed=20;
img = param1;
rwidth = 94;
rheight = 67;
rpro=Math.floor(rwidth/rheight);
intervalID = setInterval(zooming, speed);

function zooming() {
if (param1.width < rwidth || param1.height < rheight) {
param1.width+=1
param1.height+=Math.floor(1*rpro);
}
if (param1.width >= rwidth || param1.height >= rheight) {
clearInterval(intervalID);
}
}
}

function outzoom(param1) {
speed=80;
img = volokolamA;
rwidth = 170;
rheight = 150;
rpro=Math.floor(rwidth/rheight);
intervalID = setInterval(zooming, speed);

function zooming() {
if (param1.width > rwidth || param1.height > rheight) {
param1.width-=1
param1.height-=Math.floor(1*rpro);
}
if (param1.width <= rwidth || param1.height <= rheight) {
clearInterval(intervalID);
}
}
}
</script>

подскажите, где у меня ошибка? когда я навожу курсор фото не увеличивается и когда убираю курсор фото должно быть маленькое снова
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ottaviano
ottaviano
сообщение 12.7.2010, 15:07; Ответить: ottaviano
Сообщение #8


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
function zoom(param1) {
speed=10;
img = param1;
rwidth = 250;
rheight = 200;
rpro=Math.floor(rwidth/rheight);
intervalID = setInterval(zooming, speed);

function zooming() {
if (param1.width < rwidth || param1.height < rheight) {
param1.width+=1
param1.height+=Math.floor(1*rpro);
}
if (param1.width >= rwidth || param1.height >= rheight) {
clearInterval(intervalID);
}
}
}

function outzoom(param1) {
speed=10;
img = param1;
rwidth = 170;
rheight = 150;
rpro=Math.floor(rwidth/rheight);
intervalID = setInterval(zooming, speed);

function zooming() {
if (param1.width > rwidth || param1.height > rheight) {
param1.width-=1
param1.height-=Math.floor(1*rpro);
}
if (param1.width <= rwidth || param1.height <= rheight) {
clearInterval(intervalID);
}
}
}
</script>
</head>
<img src="image.jpg" width="150" border="1" onmouseover="zoom(this)" onmouseout="outzoom(this)" />


</body>
</html>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 16.4.2024, 19:14

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet