jQuery скользящий контент с CSS

Question

я видел плагины и т. Д. Для создания карусели изображений и т. Д., Но я хочу добиться наличия ползунка содержимого.

Содержание будет примерно 500x400 пикселей, я надеялся просто дать контенту div с уникальным идентификатором и показать его, скажем, в течение 6 секунд, но если ваша мышь входит, то анимация будет удерживаться.

Я думал о том, чтобы использовать:

$(#id).fadeOut(*time*);

Я на своем мобильном телефоне, так что это не лучший пример кода. Я бы использовал set Interval для тайм-аутов, однако, как вы думаете, я должен выбрать плагин? Я уже использую многие на своем сайте, поэтому предпочел бы, чтобы на этой странице использовался простой jQuery.

Answer 1

Это можно сделать в jQuery без особых усилий. Вы уже знаете о setInterval() и функциях анимации jQuery. Все, что вам нужно сделать, это реализовать mouseenter() и mouseleave(), чтобы правильно приостановить и продолжить анимацию. Возможно setInterval() каждый раз mouseleave() и clearInterval() каждый раз mouseenter().

Я согласен с Marcosfromero в том, что плагины великолепны, так что вам не нужно снова разрабатывать все это, но вы заявили, что у вас уже есть много плагинов, так что может быть лучше написать это самостоятельно что вы получаете больше опыта и имеете больше контроля над ним. Я бы сказал, что выбор плагина зависит от того, найдете ли вы тот, который соответствует вашим потребностям, и его размер (даже при минимизации размер имеет значение, и нужно учитывать блокировку при загрузке файлов JS).

Answer 2

Если плагин работает для вас, я не вижу смысла снова разрабатывать все это.

Напомним, что большинство плагинов имеют уменьшенную версию, поэтому размер не имеет значения.

Вы также можете использовать некоторый автоматический инструмент для минимизации кода и присоединения к нескольким исходным файлам JavaScript, чтобы предотвратить множество запросов.

Если вы все еще думаете, что плагин слишком велик для ваших нужд, подумайте над тем, чтобы вдохновить себя исходным кодом плагина.