SimpleLightbox - Touch-Friendly Image Lightbox som också stöder WordPress
Portföljwebbplatser, blogginlägg och till och med sociala webbplatser använder alla ljuslådor. De är praktiska för att visa större innehåll utan att ta upp mer utrymme på sidan.
Men det finns ingen anledning att bygga din egen från början när det finns så många gratis skript online. En av mina nya faves är SimpleLightbox, designad för att vara 100% öppen källkod och mobil responsiv körning på alla enheter.
Alla bildminnebilder och ljuslådans navigeringslänkar stöder beröringsbeteenden så att användarna kan bläddra igenom innehåll från vilken smartphone eller surfplatta som helst.
Från hemsidan kan du hitta länkar till den officiella GitHub repo, det officiella WordPress-pluginet och den officiella TYPO3-tillägget.
Detta bibliotek är massivt och det är överlägset en av de bästa ljuskiosksgallerierna du hittar. Det använder en verklig lightbox-design som lägger till ett litet överlägg ovanpå sidan när du tittar på ett galleri.
Varje miniatyrbild visas i full vy tillsammans med pilar för att navigera genom hela bildspelet. Men du kan Inkludera extra funktioner med SimpleLightbox API. Det finns en fullständig tabell med funktioner i dokumentationen och det här är några av mina favoriter:
- Navigeringstext.
- Bildtexter.
- Bildförhållande storlekar.
- Swipe-to-Close-funktionen.
- Anpassade animationsstilar.
- Valfria spinnare.
Plus med det här biblioteket kan du köra återuppringningsfunktioner när användaren klickar för att öppna ett galleri, sveper till en ny bild eller utför någon annan vanlig åtgärd.
Dessa metoder är alla dokumenterad på huvudsidan inklusive levande exempel i GitHub-källkoden. Du kan dra en kopia med Bower eller Garn som ett pakethanteringsverktyg, även om GitHub kan vara en enklare metod om du inte är bekant med kommandoraden.
Hur som helst är det här biblioteket bortom imponerande. Det kan fungera otroligt bra på personliga eller företagsportföljwebbplatser för att visa upp ditt arbete med pekskärmstöd.
För att lära dig mer, ta en titt på SimpleLightbox hemsida och hämta en kopia av manuset från GitHub.