baguetteBox.js doesn't rely on jQuery and can be used to showcase single images or full photo sets.
Images are embedded on the page as thumbnails, which when clicked will expand to cover the full area of the page, showing the original image in all its glory.
Using custom HTML5 data attributes developers can configure multiple versions of the same image to be used based on the user's local resolution, enabling his users to experience the photos at their best and appropriate aspect ratio and resolution.
Images are animated via CSS3, and support for a caption field is also included at the bottom of the modal display.
baguetteBox.js also comes with SVG-based buttons (next, prev, close) and support for touch-based interactions.
If you don't plan to support responsive images on your site than that's OK, this feature being optional, the script working like regular lightboxes by default.
baguetteBox.js ships with a few basic examples to show developers how it can be implemented.
What is new in this release:
- New option: custom regex filter
What is new in version 1.4.1:
- New option: custom regex filter
What is new in version 1.3.2:
- New option: custom regex filter
What is new in version 1.3.1:
- New option: custom regex filter
What is new in version 1.2.0:
- Two new public methods in the API (showNext, showPrevious)
- Added callback functions after showing and hiding the overlay
What is new in version 1.1.1:
- Prevent lightbox from hiding after clicking on a caption.
Requirements:
- JavaScript enabled on client side
- CSS 3 enabled browser
Comentariile nu a fost găsit