Эффект при наведении мышки на изображение
Сообщение оставлено 21.09.2011 в 15:15:33 | Сообщение #
1
Пользователь Пользователь проекта, который не имеет никаких привилегий.
К сожалению, пользователь контактные данные не указал.
К сожалению, пользователь данные о WMID не указал.
Скрин: http://host-images.ru/images/88589683.jpg И так сегодня днемм зашол на один и сайтов инета и увидел очень интересный эффект с фото... Даня функция економит очень много мееста на вашем "сайте" ... Не будуу уклвнятся вв подробности прриступимм к установке даной модификации! Установка между: Code
<link rel="stylesheet" href="http://vk-online.do.am/test_portal/webo4ka_ru/effect_photo_1/css/reset.css" /> <link rel="stylesheet" href="http://vk-online.do.am/test_portal/webo4ka_ru/effect_photo_1/css/style.css" /> <script type="text/javascript" src="http://vk-online.do.am/test_portal/webo4ka_ru/effect_photo_1/javascript/lekus.js"></script> <script type="text/javascript"> $(function() { $(".slideBox").hover(function(){ $(this).find("img").stop().animate({ top:-325 }, 500); }, function(){ $(this).find("img").stop().animate({ top:0 }, 500); }); }); </script>
после вставляем: Code
<div id="container"> <div class="slideBox"> <img src="АДРЕС ВАШЕГО ФОТО" alt="testing" /> <div class="content"> <h1>Название заголовка</h1> <p><strong>Ведите свой текст......</p> </div> </div> </div><!--end slideBox--> <div class="slideBox"> <img src="АДРЕС ВАШЕГО ФОТО" alt="testing" /> <div class="content"> <h1>Название заголовка</h1> <p><strong>Ведите свой текст......</p> </div> </div> </div><!--end slideBox--> </div><!--end container-->
И так если вы хотите чтоб фото чуть-чуть приподнималось, на определенную высоту?) Code
"" <script type="text/javascript"> $(function() { $(".slideBox").hover(function(){ $(this).find("img").stop().animate({ top:-325 }, 500); }, function(){ $(this).find("img").stop().animate({ top:0 }, 500); }); }); </script>""
Там где цифра -325 стоит меняй на какую надо, знак минуса оставляй обязательно и всё будет хорошо.Этот код находится между тегами Пользуйтесь наздорове... Описание писал не я, так что не думайте ... Источник: vk-online.do.am
Сообщение оставлено 21.09.2011 в 15:15:33 | Сообщение #
1
Ребенок моё счастье
Сообщения: 2324
Скрин: http://host-images.ru/images/88589683.jpg И так сегодня днемм зашол на один и сайтов инета и увидел очень интересный эффект с фото... Даня функция економит очень много мееста на вашем "сайте" ... Не будуу уклвнятся вв подробности прриступимм к установке даной модификации! Установка между: Code
<link rel="stylesheet" href="http://vk-online.do.am/test_portal/webo4ka_ru/effect_photo_1/css/reset.css" /> <link rel="stylesheet" href="http://vk-online.do.am/test_portal/webo4ka_ru/effect_photo_1/css/style.css" /> <script type="text/javascript" src="http://vk-online.do.am/test_portal/webo4ka_ru/effect_photo_1/javascript/lekus.js"></script> <script type="text/javascript"> $(function() { $(".slideBox").hover(function(){ $(this).find("img").stop().animate({ top:-325 }, 500); }, function(){ $(this).find("img").stop().animate({ top:0 }, 500); }); }); </script>
после вставляем: Code
<div id="container"> <div class="slideBox"> <img src="АДРЕС ВАШЕГО ФОТО" alt="testing" /> <div class="content"> <h1>Название заголовка</h1> <p><strong>Ведите свой текст......</p> </div> </div> </div><!--end slideBox--> <div class="slideBox"> <img src="АДРЕС ВАШЕГО ФОТО" alt="testing" /> <div class="content"> <h1>Название заголовка</h1> <p><strong>Ведите свой текст......</p> </div> </div> </div><!--end slideBox--> </div><!--end container-->
И так если вы хотите чтоб фото чуть-чуть приподнималось, на определенную высоту?) Code
"" <script type="text/javascript"> $(function() { $(".slideBox").hover(function(){ $(this).find("img").stop().animate({ top:-325 }, 500); }, function(){ $(this).find("img").stop().animate({ top:0 }, 500); }); }); </script>""
Там где цифра -325 стоит меняй на какую надо, знак минуса оставляй обязательно и всё будет хорошо.Этот код находится между тегами Пользуйтесь наздорове... Описание писал не я, так что не думайте ... Источник: vk-online.do.am
Сообщение оставлено 29.09.2011 в 16:49:27 | Сообщение #
2
Проверенный Проверенный человек на сайте. Группа выдана за 100 сообщений на форуме.
К сожалению, пользователь данные о WMID не указал.
скрин перезайлей
Сообщение оставлено 29.09.2011 в 16:49:27 | Сообщение #
2
скрин перезайлей Подпись пользователя:
Рекламу запрещено!
Сообщение оставлено 29.09.2011 в 17:11:18 | Сообщение #
3
Пользователь Пользователь проекта, который не имеет никаких привилегий.
К сожалению, пользователь контактные данные не указал.
К сожалению, пользователь данные о WMID не указал.
effecT1k , на хосте ведутся тех. работы
Сообщение оставлено 29.09.2011 в 17:11:18 | Сообщение #
3
Ребенок моё счастье
Сообщения: 2324
effecT1k , на хосте ведутся тех. работы
Сообщение оставлено 29.09.2011 в 19:15:00 | Сообщение #
4
Проверенный Проверенный человек на сайте. Группа выдана за 100 сообщений на форуме.
К сожалению, пользователь данные о WMID не указал.
Сообщение оставлено 29.09.2011 в 19:15:00 | Сообщение #
4
Clark , лан будем ждатьПодпись пользователя:
Рекламу запрещено!
Сообщение оставлено 30.09.2011 в 07:54:28 | Сообщение #
5
Пользователь Пользователь проекта, который не имеет никаких привилегий.
К сожалению, пользователь контактные данные не указал.
К сожалению, пользователь данные о WMID не указал.
Круто! Сюда бы поставить...
Друг: Думаю надо извиниться. А ты как считаешь? Я: На калькуляторе. Друг: Я серьёзно. Я: Ну иногда столбиком :DAAA
Сообщение оставлено 30.09.2011 в 07:54:28 | Сообщение #
5
Круто! Сюда бы поставить... Подпись пользователя:
Друг: Думаю надо извиниться. А ты как считаешь? Я: На калькуляторе. Друг: Я серьёзно. Я: Ну иногда столбиком :DAAA
Сообщение оставлено 30.09.2011 в 18:57:11 | Сообщение #
6
Премиум Человек, имеющий большие привилегии на сайте.Very Important Person (VIP)
К сожалению, пользователь данные о WMID не указал.
HeRo_0INe , зачем флудишь то?) НЕ видел чего там а уже пишешь круто)
Сообщение оставлено 30.09.2011 в 18:57:11 | Сообщение #
6
★ MoRzHiK ★
Сообщения: 639
HeRo_0INe , зачем флудишь то?) НЕ видел чего там а уже пишешь круто)
Сообщение оставлено 08.10.2011 в 15:37:44 | Сообщение #
7
Пользователь Пользователь проекта, который не имеет никаких привилегий.
К сожалению, пользователь данные о WMID не указал.
а перед какими тегами вставлять ?
Сообщение оставлено 08.10.2011 в 15:37:44 | Сообщение #
7
а перед какими тегами вставлять ?