Fancybox - тримайте попередні / наступні стрілки в одному місці - jquery, навігація, fancybox, стрілки

Я використовую Fancybox для галереї зображень.

Зображення мають різну ширину, тому стрілки переміщаються (вхідними або вихідними) відповідно до ширини зображення.

Мій клієнт хотів би, щоб стрілки залишилися в одніймісце, щоб можна було легко натискати набір без необхідності переміщатися вперед і назад, щоб натиснути. Я переглянув усі питання Fancybox тут і не знайшов відповіді. Я намагався змінити CSS і не можу це зробити.

Галерея є тут.

Відповіді:

Можна, наприклад, змінити позицію навігаційних посилань CSS до фіксованих - http://jsfiddle.net/yJFxS/

.fancybox-nav {
position: fixed;
top: 0;
}
.fancybox-nav span {
visibility: visible;
}

.fancybox-next span {
right: 40px;
}

.fancybox-prev span {
left: 40px;
}

Пропоную вам відключити стандартний prev / nextкнопки з опцією плагіна "showNavArrows". Потім ви можете створити власні кнопки prev / next та розмістити їх фіксованими або абсолютними у fancybox-overlay (наприклад, у правому верхньому куті). Якщо ви подивитеся на api, ви побачите, що ви можете викликати прив.

$.fancybox.next
$.fancybox.prev

http://fancybox.net/api