Home CodeCanyon Free download Media Boxes Portfolio – jQuery Grid Gallery Plugin nulled

Free download Media Boxes Portfolio – jQuery Grid Gallery Plugin nulled

by admin

Media Boxes Portfolio – jQuery Grid Gallery Plugin nulled

Demo


demo button

Description

Media Boxes Portfolio - jQuery Grid Gallery Plugin - 1

Auto Grid Responsive Gallery

Media Boxes Portfolio - jQuery Grid Gallery Plugin - 2

Media Boxes Portfolio - jQuery Grid Gallery Plugin - 3

Media Boxes Portfolio is featured jQuery grid plugin that allows you to display all kind of content in a highly powerful grid. Use it for blog posts, display media, client, portfolios, shopping carts, galleries & all u can imagine.
it comes with powerful filter, sorting & search system!

U can put the plugin in your existing HTML/CSS & it will automatically adapt to its container, also u can quickly customize it via CSS & HTML so it adapts to your needs.

very powerful filter system

The plugin provide you tons of options for filtering:

  • Gömü your own HTML markup for the filter
  • Apply your own CSS style to filter
  • Add any number of filters
  • Target multiple boxes
  • Target some boxes & exclude others
  • Add multiple categories to boxes (belong to several categories)
  • Use any jQuery selector
  • Multiple filters, combined with this search & sort feature

search system

The plugin provide you the option to search in current layout so u can find item very quickly, just specify what elements you like to target with this searching.
If you have filter it will work together with this search feature, the popup & the load more feature will take in count this filtering as well.

sort system

Sort the layout in real time, u can use text, numbers & even extend it for your own desires. Make your own sorting options, there’s no limit.

Specify the ratio of your thumbnails

U can specify for each thumbnail that for certain width you like certain height & the plugin will cut the height for you (depending on the resolution, this works as the ratio). This is handy when you like all your thumbnails to have the same dimensions.

Stop waiting for all the thumbnails to load

If you specify the ratio of thumbnails (width x height) the plugin will show you the layout & the content without any delay, then it will load each thumbnail separately (showing a loading wheel) so it will feel like the plugin loads faster (like in demo).

One of the fastest grids out there

The plugin is using Isotope v2 which is currently 1 of fastest grid systems with filtering out there. Also it uses the best browser feature when available (CSS3 transitions & GPU acceleration) & a fallback of simple animation for older browsers

Configure the layout for different resolutions

U can gömü the grid layout (the number of columns or width) for different resolutions, for example may be you like only 1 column for mobile resolution, 3 columns for tablet resolution & 5 columns for desktop resolution.

Multiple Columns

1 box can extend across several columns (usually 2), you only need to specify it, but play carefully with this option since in some resolutions you may find gaps between boxes because it may not fit perfectly all the time (according to Isotope logic).

One of the best Popups - Lightbox

The plugin is using Fancybox & the Magnific Popup which are very popular & powerful lightboxes/popups.
U can load so many stuff in popup like image, video, sounds, iframes, HTML text, Google maps & ajax content (It doesn’t support video/sound file like .mp4 or .mp3, they need to be iframe based, like in Youtube or SoundCloud)
U can find plenty of support in google since it is a popular popup, for example to add swipe support or many different feature.

Deep linking

Directly link to popup so u can share the popup content with your friend or in your social, just copy & paste the URL generated when you open the popup.

what customers are saying

features list

  • Fully responsive grid & popup
  • Deep linking
  • Lazy load Feature
  • 1 of fastest grids out there
  • Configure the layout for different resolutions
  • Multiple columns
  • Unlimited number of item
  • The popup support image, video, sounds, iframes, HTML text, Google maps & ajax content of any dimensions & it will keep the right proportions
  • Powerful filtering system
  • Searching system
  • Sorting feature
  • Retina ready icons
  • Set the number of boxes to load at start & when you click the “load more” button
  • Support thumbnails for the grid only to image you like to improve performance
  • Gömü the ratio of your thumbnails
  • Auto cuts the height of thumbnails with CSS technique (if ratio defined)
  • Full width, the grid will adapt to 100% of its container if you set the width of each column to ‘auto’
  • U can specify a static width for each column or specify number of columns
  • Change the portfolio layout for different resolutions
  • CSS3 Effect & GPU acceleration
  • Tons of overlay effect
  • Easy implementation
  • Compatible with Twitter Bootstrap
  • Deactivate & Activate Feature through Javascript Options
  • Fully customizable & adaptable to your needs
  • Free Technical Support

credits

I’ve used the following icons & scripts

changelog

v3.7.4 – March 17, 2021

  • Updated the components
  • Fixed issue when using OR combined with this search field
  • Fixed minor bugs
  • Now the plugin ships with this latest jQuery ver

v3.6 – February 01, 2020

  • Updated the JS file, cleaned up the code
  • Fix a strange bug with this first item when a default filter different than all was selected
  • Waypoints is not longer needed, now you must include a JS file named “jquery.visible.min.js”

v3.5 – March 26, 2019

  • Now the thumbnails that have ratio specify will adapt to 100% of container, so no longer black bars at the top & bottom
  • Updated all the components to latest ver
  • Minor JS improvements

v3.3 – August 10, 2017

  • New popup/lightbox as arrived to Media Boxes, which is touch friendly & comes with awesome feature (like thumbnail view, fullscreen, …), u can still use Magnific Popup though, so you have 2 popup plugins now, choose 1 you prefer!
  • New sorting searching tools
  • Updated some components
  • Minor JS improvements

v3.2 – March 10, 2017

  • Added some acceleration to effect & fixed some flickering
  • New JS methods for insert & refreshing the grid, check them out here
  • The JS logic for the dropdown filter now its on a different file named “jquery.mediaBoxes.dropdown.js” so its easier to maintain, you will only need to add it along the different file, check it out here

v3.1 – November 3, 2016

  • Fix & issue with this popup when adding boxes via JS/Ajax

v3.1 – October 29, 2016

  • Fixed & issue with this iframe-on-grid feature in media_grid example

v3.1 – September 30, 2016

  • If you like to have the dropdown menu (the 1 used for filtering or sorting) open when you click on it instead of when you put the mouse over, you have to to add this attribute: data-event=”click” to div with this class of “media-boxes-drop-down”
  • Now u can also use OR logic when using multiple filters, u can set this with new JS option named “multipleFilterLogic” (check the docs)
  • When using multiple filters, if you like them to be independent from each different add this peace of JS BEFORE the JS initialization of media boxes & AFTER jQuery:
     $('*[data-filter]:not(*[data-filter="*"]').on('click', function(e){ var current_all_filter = $(this).parents('ul').find('*[data-filter="*"]'); $('*[data-filter="*"]').not(current_all_filter).trigger('click'); }); 

v3.0 – August 04, 2016

  • New design on the live preview
  • Upgrade to latest versions of isotope, imagesLoaded, magnific popup & all components used
  • Now is compatible with jQuery v3
  • SEO on the thumbnails, just look for the “Add SEO” section in documentation
  • Changed the path to components used in plugin, so it is easier to upgrade, check the “Including file” section in docs
  • Option “showOnlyLoadedBoxesInPopup” changed to “showOnlyVisibleBoxesInPopup”
  • Changed how the popup image are specified so u can have as many as you like in a single box, check the “Popup” section in docs
  • The video-on-grid class changed its location along with this popup attribute, so just check the “Handy Stuff” section in docs
  • The “sort” & “filter” JS setting are not longer needed, since now it automatically looks for the elements with “data-filter” or “data-sort-by” attribute & uses them
  • Now u can also use a “select” element for filtering, just find the “Use a select as filter” section in docs
  • Changed the deep linking hash of popup from mb= to (grid|popup)= you will see it in action in hash when using the new ver
  • Deep Linking on filters & search is now possible!
    the JS option named “deeplinking” was replaced by:
    • deepLinkingOnPopup: true,
    • deepLinkingOnFilter: true,
    • deepLinkingOnSearch: false,
  • Now u can pass the “horizontalSpaceBetweenBoxes” & “verticalSpaceBetweenBoxes” settings in resolutions JS setting, so u can have different space between boxes depending on the resolution you have, check the “resolutions” JS setting in docs

v2.8 – August 23, 2015

  • Fixed an issue with this dropdown menu on mobile

v2.7 – August 17, 2015

  • Added new fresh examples
  • Fixed some bugs & added some SEO optimization

v2.6 – Jan 11, 2015

  • Fixed some bugs with this loading function

v2.5 – Oct 16, 2014

  • Fixed some bugs with Firefox about the drop down menu
  • Fixed some bugs with this filtering & the ‘minimum boxes per filter’ feature
  • Fixed some JS logic
  • Improved the usability of drop down menu on mobile browsers

v2.4 – July 8, 2014

  • Change the image icons for retina icons (Font Awesome)
  • Added a drop down for sorting & filtering
  • Added sorting examples

v2.3 – July 7, 2014

  • Added search feature
  • Added sorting feature

v2.2 – July 2, 2014

  • Added an option named “considerFilteringInPopup” so the popup shows only boxes from the filter specified, this is true by default now.
  • Changed the namespace of imagesLoaded plugin since it would crash with this old ver of isotope (if included in same page)

v2.1 – June 28, 2014

  • Added deep linking

v2.0 – June 25, 2014

  • it is totally new plugin
  • all the logic behind changed
  • CSS style changed
  • HTML markup changed
  • options changed
  • make sure to read the docs before you upgrade

v1.0 – September 25, 2013

  • initial release

U can take a look to documentation HERE

Author of Media Boxes Portfolio – jQuery Grid Gallery Plugin nulled

https://codecanyon.net/user/castleplugins

Download Media Boxes Portfolio – jQuery Grid Gallery Plugin nulled


download now button red

Related Articles