Модифицировать JQuery "Скользящие ящики" - PullRequest
1 голос
/ 09 октября 2011

обычно я бы не стал публиковать подобные вопросы, но иногда вы ищете быстрое решение, не читая целую книгу о специальном языке программирования.

Я использую скрипт под названием «Скользящие коробки», который можно найти здесь .

Информационное окно просто вставляется в результате «зависания» надкартинка.Ничего страшного здесь.Я пытаюсь сделать это, чтобы увеличить яркость изображения с 0,5 (нормальный) до 1,0 (при наведении).Это хорошо работает, если я наведу курсор на изображение.

cursor over image

Но после того, как скользящая рамка закрывает изображение, способность 1.0 теряется, если позиция курсора находится в области информационного окна.

cursor over text-box

Так что мне нужно настроить файл js, но, поскольку я еще ничего не делал с javascript, мне нужна помощь по этому вопросу.

Вот мой сценарий:

(function ($) {
  $(document).ready(function() {
    $('.cover.boxcaptionbig').stop().animate({top:'460px'}, 
                                          {queue:false,duration:0});

    //Full Caption Sliding (Hidden to Visible)
    $('.boxgridbig.captionfullbig').hover(function(){
      $(".cover", this).stop().animate({top:'340px'},  
                                       {queue:false,duration:750});
    }, function() {
    $(".cover", this).stop().animate({top:'460px'},  
                                     {queue:false,duration:750});
    });
 });
})(jQuery);

1 Ответ

0 голосов
/ 09 октября 2011

Должно быть так же просто, как изменить одну из анимаций:

animate({top:'460px'}

до

animate({top:'460px', opacity:'1'}

Затем добавляем то же самое, но с 0,5 на тот, который снова возвращает его в нормальное состояние.

Без полной демонстрации сложно догадаться, но я предполагаю, что это все, что вам нужно сделать.

...