Как сделать циклическую прокрутку блоков на JS?

Rad Cor: jsfiddle.net/k0o5nb0e/14
да хоть вот так, оч простой пример
а вообще хочу порекомендовать
https://learn.javascript.ru/ - вот это
js не сложный, а в паре c jquery еще проще, сможете освоить за пару недель, может поначалу будет криво, но надо же с чего-то начинать)

Как сделать циклическую прокрутку блоков на JS?

Rad Cor: в условиях этого же модуля, как дополнителный метод? или это может быть отдельная верстка? во втором случае можно сделать все просто - сделать обертку прокручиваемой, скрыть полоску прокрутки и при наведении вызывать jquery ф-ю .scrollLeft()
дальше того, что есть она все равно не прокрутит

Как сделать циклическую прокрутку блоков на JS?

Rad Cor: =)

Как сделать циклическую прокрутку блоков на JS?

Rad Cor: jsfiddle.net/k0o5nb0e/11
обертываем Slider в конструктор, чтоб он возвращал уникальный объект для каждого вызова и вызываем сколько угодно раз

Как сделать циклическую прокрутку блоков на JS?

Rad Cor: на jquery версии у outerWidth скобочки не поставила)
держи обновленную
jsfiddle.net/k0o5nb0e/8

Как сделать циклическую прокрутку блоков на JS?

jsfiddle.net/k0o5nb0e/7 на jquery

Как сделать циклическую прокрутку блоков на JS?

хм, да, почему то onmouseenter срабатывал повторно, если долго держать
jsfiddle.net/k0o5nb0e/5 - вот так получше

Зарезается на Ipad?

Александр Котов:
html, body {
...
min-width: 1024px;
...
}

Нужна небольшая помощь с меню, сделал эффект, но меню изчезает?

Антон Вебсайтовский: Антон, у вас есть все необходимые данные(а именно - пример, разобранный выше), чтобы решить эту проблему самостоятельно. Учитесь, думайте, смотрите больше примеров и все получится. Помочь советом или разобраться тут помогут, а делать вашу работу за вас - неправильно. Объективно вы можете справится с этой задачей

Можно ли как-то отменять загрузку текущих картинок при переходе в новую галерею при AJAX навигации?

да, обходные пути есть всегда)

Можно ли как-то отменять загрузку текущих картинок при переходе в новую галерею при AJAX навигации?

Scumtron: Да, вы правы, саму загрузку abort не отменит. Погуглила, не нашла более грамотного решения кроме того, что вы уже скинули. Как вариант, если проблема в том, что не успевают загрузиться картинки на главной
- оптимизировать картинки по максимуму
- сделать desable на навигацию галереи(то есть не будут отправляться новые аяксы и прерываться загрузка) пока не загрузятся картинки на главной

Нужна небольшая помощь с меню, сделал эффект, но меню изчезает?

Антон Вебсайтовский: https://jsfiddle.net/xxoa2f88/3/
мне кажется это такие доделки, которые вы бы могли сами легко сделать

Нужна небольшая помощь с меню, сделал эффект, но меню изчезает?

https://jsfiddle.net/xxoa2f88/2/

Как заставить 'reduce' изменять 'this' а не возвращать новый объект?

ну кстати как написали ниже filter и правда больше сюда подходит
beers.reduceBeers = function(){

this.array = this.array.filter(function (item) {

return (item.locale === 'domestic')? true : false;
});

return this;
};

Как заставить 'reduce' изменять 'this' а не возвращать новый объект?

beers.reduceBeers = function(){

this.array = this.array.reduce(function (all, item, index) {

if (item.locale === 'domestic') {
all.push(item);
}
return all;
}, []);

return this;
};
давайте вот так

Как скрыть див через проверку js?

скиньте ссылку пжлст, а то так не очень понятно в чем проблема

Как клонировать header на jquery?

есть ссыль, где посмотреть?

Получить событие скролл для div?

событие scroll не возвращает элемент, над которым этот скролл происходит, потому что прокручивать можно и стрелками.
Если нужно отследить прокрутку колесика над элементом, используйте mousewheel
https://learn.javascript.ru/mousewheel
Если нужно отследить, когда ваш див попал в область видимости при прокрутке - вычисляйте его крайние координаты и проверяйте в хандлере скролла через scrollTop прокрутили до элемента или нет

Как настроить ширину блока в fancybox?

попробуйте
$('.fancybox').fancybox({
padding: 0,
overlayOpacity: .9,
overlayColor: '#000000',
width : 800,
//autoSize: false,
autoDimensions: false,
autoScale:false
});
+ css
#fancybox-content,
#fancybox-content>div{
height: 100% !important;
}