Показать сообщение отдельно
Старый 18.02.2010, 21:53 Вверх   #2
Старший модератор
 
Аватар для Ghost
Ghost вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Finger Посмотреть сообщение
шнягу с верху в правом верхнем углу
Ну если это шняга то зачем она тебе нужна?
Держи инструкцию.
Шаг 1.
Скачаем и подключим к нашему документу скрипт cvi_curl_lib.js.



Код:
<script type="text/javascript" src="cvi_curl_lib.js"></script>
..а также впишем между тегами <head> следующий код:
Код:
  <script type="text/javascript">

      <!--

      function toggleCurl(obj) {

cvi_curl.defaultSize = 50;

cvi_curl.defaultColor = "#ffeeaa";

if(obj.tagName.toUpperCase() != 'IMG') {

cvi_curl.remove(obj);

}else {

cvi_curl.add(obj);

}

}


    var size = 100;

      var direct = true;

      function increase(obj) {

      var max = 100;

      if(obj.tagName.toUpperCase() != 'IMG') {

      if(!direct && size>5 || size>=max) {

      direct = false; size -= 5;

      }else if(direct && size<=5 || size<max) {

      direct = true; size += 5;

      }

      cvi_curl.modify(obj, {size: size });

      }

      }

    window.onload = function () {

      cvi_curl.add(document.getElementById("effect"), {size: 100 });

      };

      -->

  </script>
Шаг 2.
Подготовим изображение
Это изображение поместим в тег <div> со следующими свойствами:
Код:
<div onmousemove="increase(document.getElementById('effect'));">

  <img src="images/example.jpg" id="effect">

  </div>
Обратите внимание, что изображению необходимо указать идентификатор "effect".
Как размещать пытайся сам эксперементально. В качестве картинки у тебя будет хедер.

Последний раз редактировалось Serberg; 18.02.2010 в 23:41.. Причина: Внес поправку в мелкую неточность
  Ответить с цитированием
Cказали cпасибо:
 
Время генерации страницы 0.04794 секунды с 10 запросами