Нужна минималистичная галерея jQuery без миниатюр - PullRequest
1 голос
/ 26 декабря 2011

Я дергаю себя за волосы, пытаясь найти простую галерею jquery. Должно быть, у меня ментальный блок, потому что это было гораздо сложнее, чем должно быть! Галерея должна быть очень простой, со следующими вещами:

  • Нет миниатюр
  • Нет в лайтбоксе
  • Нажмите на изображение, чтобы перейти к следующему слайду
  • Предыдущие / следующие кнопки
  • В основном воспроизводит функциональность слайд-шоу, найденного на этом сайте: http://cargocollective.com/akacreatives#1406517/Ned
  • Необходимо иметь возможность иметь несколько экземпляров галереи на одной длинной странице (я использую scrollTo на длинной вертикальной странице для портфолио, и у каждого раздела страницы будет своя собственная галерея)

Я знаю, есть плагины, которые делают это, но ЕДИНСТВЕННЫЕ вещи, которые я могу найти, это те, которые требуют использования миниатюр для правильной работы. Мысли

Ответы [ 3 ]

4 голосов
/ 26 декабря 2011

Я сделал один только для вас: -)

Потребовалось десять минут, и не тестировался вообще, но должен работать с некоторыми незначительными корректировками, и это очень просто.

Это здесь: http://jsfiddle.net/adeneo/pQawc/1/

1 голос
/ 26 декабря 2011

Отличный плагин цикла:

http://jquery.malsup.com/cycle/

Удовлетворяет всем вашим критериям, кроме нажатия на изображение для продвижения, но это легко исправить Вы будете делать что-то вроде:

$('#img-container').click(function(){ 
  $('#img-container').cycle('next'); 
});
0 голосов
/ 24 июня 2016

Вы можете попробовать лайтбокс, который я написал: https://github.com/felixhagspiel/jsOnlyLightbox

Вы можете динамически выдвигать изображения и создавать отдельные группы для имитации нескольких экземпляров (или просто создавать отдельные экземпляры), он также поддерживает другие ваши требования. Я просто не уверен насчет части «Не в лайтбоксе», но вы можете настроить CSS так, чтобы он отображался как-то иначе

...