Скачать для фотошопа и создания сайта

Для фотошопа и сайта

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

Главная сайта

Форум Для фотошопа и сайта

Страница 1 из 1
1

Постепенное увеличение-уменьшение фото при подводе-уводе кур

Kenik

Дата: Среда, 03.02.2010, 07:35 | Сообщение # 1

Администратор

Сообщений:: 2300

Замечания:: 0

Offline

Замечательный эффект для разнообразия страницы сайта

Ставится между и

Code

--------------------------------------------

<SCRIPT language=javascript>
<!--
var img_path="00001.jpg"; // Путь к картинке|
var top_pos=0; // Позиция картинки сверху|
var left_pos=0; // Позиция картинки слева|
var max_width=400; // Max allowable width |
var min_width=160; // Min allowable width |
var time_length=1; // Zoom delay in milliseconds |
var step=2; // Pixels by which image should zoomm |
document.write('<div id="q_div" style="position:absolute; top:' + top_pos + '; left:' + left_pos + '"><img src="' + img_path + '" border="2" bordercolor="#00ced1" name="z" alt="zoom image" width=160 onmouseover=javascript:resume_zoom();zoom_in(); onmouseout=javascript:resume_zoom();zoom_out(); ></div>');
img_act_width=z.width;
img_act_height=z.height;
var original_time=time_length;
function zoom_out()
{
if(z.width==0)
   {
   z.border=0;
   }
if(z.width!=0)
   {
   if(z.width>min_width)
   {
   z.width-=step;
   z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
   setTimeout("zoom_out()",time_length);
   }
   } }
function zoom_in()
{
if(z.width==0)
   {
   z.border=0;
   }
if(z.width!=0)
   {
   if(z.width<max_width)
   {
   z.width+=step;
   z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
   setTimeout("zoom_in()",time_length);
   }
   } }
function resume_zoom()
{
time_length=original_time;
}
function set_original()
{
z.width=img_act_width;
z.height=img_act_height;
}
</script>

--------------------------------------------

Kenik

Дата: Среда, 03.02.2010, 07:36 | Сообщение # 2

Администратор

Сообщений:: 2300

Замечания:: 0

Offline

Пример

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Фото постепенно увеличивается или уменьшается при наведении или уходе курсора</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<SCRIPT language=javascript>
</script>
</head>
<body>
Это текст
</body>
</html>

Постепенное увеличение-уменьшение фото при подводе-уводе кур

Страница 1 из 1
1