1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Эффект как на drupalogy.ru

Главные вкладки

Комментарии

Аватар пользователя MaNaX MaNaX 31 октября 2010 в 11:15

панель которая на картинках - jquery день работы (правда нужно знать css)(даже css нужно знать больше тк от jquery требуется всего-то использовать метод .hover и animation)

Аватар пользователя sv2109 sv2109 31 октября 2010 в 17:15

Код из сайта друпалогии:

$(document).ready(function(){
    $('.boxgrid.caption').hover(function(){
        $(".cover", this).stop().animate({top:'140px'},{queue:false,duration:160});
    }, function() {
        $(".cover", this).stop().animate({top:'185px'},{queue:false,duration:160});
    });
});
Аватар пользователя tolykot tolykot 31 октября 2010 в 20:20

Нужно учитывать, что картинки будут одинаковых размеров. Я попробовал модифицировать под свои нужды (посмотреть можно на моем сайте).

Аватар пользователя Heihachi88 Heihachi88 6 ноября 2010 в 9:22

"tolykot" wrote:

Код из сайта друпалогии:

Заюзал этот код, все заработало, вот только одно но, при помощи CSS сдвигаю .caption ниже области изображения, а его всеравно видно, как сделать чтобы .caption выходя за пределы изображения не был виден? Вот в действии
http://asiacartrans.kz/gallery