Эфект

Старый mweb

Модератор: [mweb team]

Эфект

Сообщение GoodBoy123 Вс янв 27, 2008 15:06

Подскажите пожалуйста, как реализовать подобный эфект :
http://www.labirint-shop.ru/
(имееться ввиду показывание обложки) ?
GoodBoy123
Прохожий
 
Сообщения: 2
Зарегистрирован: Вс янв 27, 2008 15:02

Сообщение Padonak Вс янв 27, 2008 19:44

onmouseover="javascript:showpicture(159323, 220, 340, absPosition(this), this.width, this.height);"

ковырни код найди скрипт
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону

Сообщение GoodBoy123 Пн янв 28, 2008 6:41

Padonak писал(а):onmouseover="javascript:showpicture(159323, 220, 340, absPosition(this), this.width, this.height);"

ковырни код найди скрипт


Если чесно не совсем понятно где искать и что ковырять? а javascript я не знаю :(
GoodBoy123
Прохожий
 
Сообщения: 2
Зарегистрирован: Вс янв 27, 2008 15:02

Сообщение Muerto Пн янв 28, 2008 11:31

Код: Выделить всё
var pleft = 0;
var ptop = 0;
var incr = 0;
var id_books = 0;
var bwidth = 0;
var show = 1;

function showpicture(id, bw, bh, pos, mwidth, mheight) {
   if (getCookie("dontshowbig") != 1) {
      id_books = id;
      bwidth = bw;
      picturediv = document.getElementById("bigpic");
      var book_href = document.getElementById("href" + id_books).href;
      pleft = pos.x;
      ptop = pos.y;
      if (navigator.userAgent.indexOf("MSIE 7.0")!=-1) { pleft -= 11; }
      picturediv.style.left = pleft + 'px';
      picturediv.style.top = ptop + 'px';
      picturediv.innerHTML = "<div onmouseout='hidepicture()' onmousemove='show=1'><a href='" + book_href + "'><img id='"+id_books+"' src='/images/books/"+id_books+"/small.jpg'></a></div><div id='loading-pic' onmouseout='hidepicture()' onmousemove='show=1'>Загружается...<img src='/images/design/upload.gif'></div><div id='noshow' onmouseout='hidepicture()' onmousemove='show=1'><input type='checkbox' onChange='dontshowbig(this.checked)' onmousemove='show=1'> Не показывать всплывающие обложки</div>";
      bpic = new Image();
      bpic.onload = function () {
            document.getElementById("loading-pic").innerHTML = "";
            pic.src = bpic.src;
         }
      bpic.src = "/images/books/"+id_books+"/big.jpg";
      pic = document.getElementById(id_books);
      pic.width = mwidth;
      picturediv.style.display = "block";
      increase();
   }
}

function hidepicture() {
   show = 0;
   setTimeout('starthide()', 20);
}

function starthide() {
   if (show == 0) {
      document.getElementById("noshow").style.display = "none";
      pic.width = pic.width - 10;
      pleft = pleft + 5;
      ptop = ptop + 5;
      picturediv.style.left = pleft + 'px';
      picturediv.style.top = ptop + 'px';
      if (pic.width > 100) setTimeout('starthide()', 0); else picturediv.style.display = "none";
   }
}
Nadie hablara de nosotras cuando hayamos muerto.
www.muerto.ru
Аватара пользователя
Muerto
Растаман
 
Сообщения: 3597
Зарегистрирован: Пн окт 11, 2004 19:09
Откуда: Москва

Сообщение Padonak Пн янв 28, 2008 14:16

GoodBoy123 писал(а):Если чесно не совсем понятно где искать и что ковырять? а javascript я не знаю :(


тогда лучше не делать то чего не понимаешь мне кажецо... лучше немножко разберись сперва в данной фигне а то поставишь случайно точку не там и ничо не будет работать а ошибку найти не сможешь...
Uncaught TypeError: Изображение

Изображение
Аватара пользователя
Padonak
Философ-разговорник
 
Сообщения: 3872
Зарегистрирован: Вт дек 13, 2005 3:23
Откуда: Ростов-на-Дону


Вернуться в Архив

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron