Эффект зависания слайдера

Question

Эффект зависания слайдера

0

Я использую интерактивный парад логотипа с http://www.smoothdivscroll.com/clickableLogoParade.html, чтобы сделать слайдер логотипа.

Вопрос 1. Как сделать изображение больше при зависании с указанным выше слайдером логотипа?

Я попытался настроить высоту и ширину изображения напрямую, но я хочу, чтобы изображение стало больше в этом эффекте: http://www.morearty.com/blog/2013/06/06/html-css-to-make-an- изображение дребезг-к-а-большего размер-на-парения/

Когда человек нависает, положение изображения остается в центре.

Вопрос2: Вместо того, чтобы иметь прокрутку выше указанного слайдера логотипа, как заставить его прокручивать только при нажатии на стрелку или что-то еще?

user3487977 02 апр. 2014, в 08:52

Источник

Теги:

jquery

smooth-scrolling

1 ответ

Ещё вопросы

Sari Alalem · Accepted Answer · 2014-04-02T05-58-00.000Z

Для Вопроса 1:

Дайте вашим изображениям класс (например, scrolling_image) и по мыши над увеличением размера, а мышь вернет его обратно в нормальное состояние:

$( "scrolling_image" ).mouseover(function() {
  $(this).animate({
    "width": "300px",
    "height": "300px"
  }, 2000, function() {
    // Animation complete.
  });
});
$( "scrolling_image" ).mouseout(function() {
  $(this).animate({
    "width": "100px",
    "height": "100px"
  }, 2000, function() {
    // Animation complete.
  });
});

Что касается вашего второго вопроса, пожалуйста, прочтите Документацию:

Работает! Однако при наведении на изображение изображение будет закрыто контейнером. когда я увеличиваю размер контейнера, последнее изображение переходит на следующую строку.
Я понятия не имею, как это решить.
добавьте к вашему контейнеру и изобразите этот css: position: relative; тогда дайте свой контейнер z-index: 1 ; и ваш z-index: 2; z-index сделает ваше изображение выше контейнера