Меню сайта
Мини-чат
200
Наш опрос
Какая граната у вас самая любимая
Всего ответов: 317
Статистика
Форма входа
Суббота, 05.07.2025, 07:33
Приветствую Вас Гость

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

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Hunter  
Постепенное увеличение-уменьшение фото при подводе-уводе кур
HunterДата: Воскресенье, 31.05.2009, 20:48 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Сообщений: 666
Награды: 15
Репутация: 131
Статус:
Замечательный эффект для разнообразия страницы сайта

Ставится между <head> и </head>

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>

 
Награды: 15
За создание сайта За хорошию репутации За 50 постов За 150 Постов За 250 Постов
iNNiДата: Воскресенье, 05.07.2009, 08:46 | Сообщение # 2
Рядовой
Группа: Пользователи
Сообщений: 1
Награды: 0
Репутация: 0
Статус:
А можешь поподробнее описать куда вставлять его? Например: (Идем в АДМИН-ПАНЕЛЬ --- РЕДАКТОР СТРАНИЦ --- УПРАВЛЕНИЕ ДИЗАЙНОМ МОДУЛЯ --- ПОЛЬЗОВАТЕЛИ --- Персональная страница пользователя) плз
 
Награды: 0
HunterДата: Воскресенье, 05.07.2009, 09:34 | Сообщение # 3
Генерал-лейтенант
Группа: Администраторы
Сообщений: 666
Награды: 15
Репутация: 131
Статус:
Итак:
1.Входим панель управления сайтом
2.Открываем Дизайн > затем Управления дизайном (шаблоны)
3.Выбираем Редактор страниц > страницы сайта
4.Вставляем скрипт между <head> и </head>
5.И всё.
Если нужно будет подробное описание установки скрипта, то пиши точно также, помогу чес смогу =))
 
Награды: 15
За создание сайта За хорошию репутации За 50 постов За 150 Постов За 250 Постов
  • Страница 1 из 1
  • 1
Поиск:

Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz