Fancybox - trzymaj poprzednie / następne strzały w tym samym miejscu - jquery, navigation, fancybox, arrows

Używam Fancybox do galerii obrazów.

Obrazy mają różne szerokości, więc strzałki poruszają się (do środka lub na zewnątrz) w zależności od szerokości obrazu.

Mój klient chciałby, żeby strzały pozostały w jednymmiejsce, aby można było łatwo klikać przez zestaw bez konieczności poruszania się w tył i w przód, aby kliknąć. Przejrzałem wszystkie pytania dotyczące Fancybox i nie znalazłem odpowiedzi. Próbowałem zmienić CSS i nie mogę tego zrobić.

Galeria jest tutaj.

Odpowiedzi:

Możesz na przykład zmienić pozycję CSS linków nawigacyjnych na stałe - 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;
}

Proponuję wyłączyć standard prev / nextprzyciski z opcją "showNavArrows". Następnie możesz tworzyć własne przyciski prev / next i umieszczać je na stałe lub absolutne w nakładce fancybox (na przykład w prawym górnym rogu). Jeśli spojrzysz na api fancybox, zobaczysz, że możesz wywołać pref / next z:

$.fancybox.next
$.fancybox.prev

http://fancybox.net/api