Member Avatar for torbatt

I need some good open source slider and photo gallery

  • 3 Contributors
  • 4 Replies
  • 266 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by torbatt

Dani AI

Generated

For a modern, free/open-source setup pick a touch-first slider plus a mobile-friendly lightbox. For sliders, Swiper (modern, mobile/touch-focused, MIT) and Glide.js (tiny, dependency-free, MIT) are the two I reach for; if you must stay in a jQuery codebase, Slick is a mature, feature-rich option. For fullscreen galleries and pinch-to-zoom PhotoSwipe is the safest MIT-licensed choice; lightGallery is feature-rich but uses GPLv3 for OSS use and offers a paid commercial license, so check licensing before shipping proprietary code. (github.com)

Practical pairing and tips: use Swiper (or Glide) for hero carousels and PhotoSwipe for fullscreen zoom/keyboard navigation. Always enable lazy loading and responsive images (srcset) for performance, and add keyboard focus + ARIA roles for accessibility. For very large galleries virtualized pages or server-side pagination prevents DOM bloat. If the site is simple and only needs fades, rolling your own tiny jQuery switch (as mentioned) is still reasonable; just avoid re-inventing complex behaviors you get out of the box from the libraries above. (photoswipe.com)

Minimal starter (Swiper) — initialize with lazy loading and pagination:

const swiper = new Swiper('.swiper', {
  loop: true,
  lazy: { loadPrevNext: true },
  pagination: { el: '.swiper-pagination' },
});

Summary for the original question from : choose Swiper + PhotoSwipe for a modern responsive site, Glide for a tiny footprint, or Slick only if you must keep jQuery. For inspiration check curated slider/gallery roundups (as posted) but prefer libraries above for new projects.

Recommended Answers

All 4 Replies

Member Avatar for pritaeas

If I just want to switch images in a div, I have my own jquery code. If it has be be a little more fancy, I use the cycle plugin. For a photo gallery I use HighSlide. Very flexible and excellent support.

Member Avatar for torbatt

If I just want to switch images in a div, I have my own jquery code. If it has be be a little more fancy, I use the cycle plugin. For a photo gallery I use HighSlide. Very flexible and excellent support.

both are awesome

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.