Backbone Bootstrap Gallery Wordpress Plugin - Rating, Reviews, Demo & Download

Backbone Bootstrap Gallery Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

This is a responsive, mobile-friendly, plug-compatible replacement for the built-in WordPress gallery shortcode. You can view a working sample web page using this plugin at my portfolio website. It is implemented using a Backbone.js Model-View-Presenter (MVP) populated via the WordPress REST API. It is styled by a Twitter Bootstrap 3 stylesheet and has touch optimizations from jQuery Mobile. Using a MVP allows you to switch instantaneously (i.e. without doing a HTTP request) between multiple views of a gallery. The default implementation supports a gallery view, Miro’s Justified Gallery view, a carousel view, a tabs view and a dense view of the gallery. Using the WP REST API allows you to dynamically load (i.e. without reloading the entire page) new galleries. The view is styled by a Twitter Bootstrap 3 stylesheet so it is automatically responsive. You can easily modify the Backbone templates to create your own customized views of the gallery. The homepage for this plug-in is http://docs.magentacuda.com/.

Screenshots

  1. <a href="http://docs.magentacuda.com/#navbar">Multiple Views of a Gallery</a>

    Multiple Views of a Gallery

  2. <a href="http://docs.magentacuda.com/#view-justified">Miro's Justified Gallery</a>

    Miro’s Justified Gallery

  3. <a href="http://docs.magentacuda.com/#view-gallery">WordPress Gallery</a>

    WordPress Gallery

  4. <a href="http://docs.magentacuda.com/#gallery-flexbox">Alternate Flexbox Gallery View</a>

    Alternate Flexbox Gallery View

  5. <a href="http://docs.magentacuda.com/#view-carousel">Carousel</a>

    Carousel

  6. <a href="http://docs.magentacuda.com/#view-tabs">Tabbed Gallery</a>

    Tabbed Gallery

  7. <a href="http://docs.magentacuda.com/#view-dense">Dense Gallery</a>

    Dense Gallery

  8. <a href="http://docs.magentacuda.com/#alt_galleries">Dynamically Loading Galleries</a>

    Dynamically Loading Galleries

  9. Dynamically Generating Galleries from Search Criteria

    Dynamically Generating Galleries from Search Criteria

  10. <a href="http://docs.magentacuda.com/#overlay">Full-Size Image Overlay of the Selected Image</a>

    Full-Size Image Overlay of the Selected Image

  11. <a href="http://docs.magentacuda.com/#alt-overlay">Image Info Overlay of the Selected Image</a>

    Image Info Overlay of the Selected Image

  12. Mobile Portrait View

    Mobile Portrait View

  13. <a href="http://docs.magentacuda.com/#options">User Options Pane</a>

    User Options Pane

  14. <a href="http://docs.magentacuda.com/#installation">Admin Settings</a>

    Admin Settings


Reviews & Comments