
Description
This can be a stunning, highly effective and customizable grid based mostly picture gallery. What’s attribute is that the content material is displayed and features inside this grid. The thumbs are larger and contribute to the design. The large photographs are opened in place, inside the grid, related to the thumbs themselves. Coupled with different design parts and results, this creates a ravishing look and a fantastic performance.
Listed below are a number of the necessary options of this gallery:
-
Comes with 12 templates
It comes with a variety of 12 templates that showcase other ways of configuring the gallery and supply a place to begin in customizing it.
These can be found to see on the preview page. -
Has over 40 settings
It has obtainable over 40 totally different settings which might be set within the JS construct code so as to configure the gallery in numerous methods. These vary from thumbs width to stage place, animation settings and keyboard navigation.
All the obtainable settings will be previewed proper now in the guide. -
Totally responsive
It’s absolutely responsive, all the content material resizes based mostly on the obtainable area and it shows nicely on totally different display screen sizes and units.
-
Cross browser assist
It’s supported on all widespread browsers, each on computer systems and mobille units as nicely on widespread older browsers.
-
Light-weight
Though it has many choices, the gallery stays very light-weight. The minified JS plugin file is below 16KB. This makes it load very quick on all units.
-
Clean and quick animations
It makes use of Velocity for the animations which makes them easy and quick accross all units and browsers.
-
Straightforward to work with and implement
The gallery has been designed to be so simple as attainable to put in, customise and work with.
Putting in it requires merely copying the HTML code and the belongings folder. And the obtainable settings makes it straightforward to customise it in numerous methods. -
Detailed information and directions
The gallery comes with an in depth information that containes all the data that you want to know when working with it. It provides full directions about learn how to set up and customise the gallery in addition to learn how to contact me when you have any questions or any issues.
The information is accessible to preview proper now at this link. -
Assist supplied
I’m obtainable for assist in case you may have any questions, issues or want any assist implementing the gallery.
The information provides directions on learn how to contact me and I’ll do my finest to reply as quickly as attainable. -
Free updates
All future updates and developments to the gallery shall be utterly free after getting purchased the venture one time.
After an replace is made, the modifications are documented beneath.
That is the jQuery plugin model of the gallery. A WordPress plugin model can also be obtainable right here: Sharp Gallery for WordPress.
Updates
2.1 (13 March 2018):
- Fastened a difficulty that was inflicting the thumb columns to not show nicely in some distant instances.
- Added a question string parameter known as “sgimage” to have the ability to specify a picture to be opened by default by the URL (?sgimage=3).
2.0 (11 June 2017):
- Added model numbering.
- Fastened a difficulty that was inflicting the stage to not resize correctly in some instances.
- Improved the autoscrolling animation in Webkit browsers.
- Fastened a difficulty that was inflicting the autoscroll to not cease when manually scrolling.
- Added a brand new setting known as “width” to specify the width of the gallery.
- Added a brand new setting known as “margin” to specify the margins across the gallery.
- Added a brand new setting known as “thumbLabelsEnabled” to have the ability to flip thumb labels on and off while not having to change any HTML content material.
- Added a brand new setting known as “imageTextsEnabled” to have the ability to flip picture texts on and off while not having to change any HTML content material.
- Eliminated the previous CSS settings and added lots of them as JS settings as an alternative to make it simpler to work with them. Added backward compatibility assist for all the earlier CSS settings in order that they’re nonetheless working.
The brand new settings are:- thumbBorderCorners: The corners sort of the thumb border, both “sq.” or “spherical”.
- thumbBorderWidth: The width of the thumb border, both “small” or “massive”.
- thumbSpace: The area between the thumbs, both “small” or “massive”.
- thumbLabelBackground: The background sort of the thumb label, both “gradient” or “plain”.
- imageTextBackground: The background sort of the picture textual content, both “gradient” or “plain”.
- borders: If there must be and the kind of borders across the thumbs and the stage. They are often “small” or “massive”.
- textColor: The colour of the gallery textual content that’s displaying immediately over the web page background.
- Added a brand new setting, known as “font”, to regulate if the gallery makes use of its personal default font or the font from the web page it’s on.
- Modified the identify of the “keyboardArrowsNav” setting to “keyboardArrows”. Added backward compatibility assist for the previous identify.
- Added a brand new setting, known as “wideBackgroundTarget”, to have the ability to set a goal for the broad background, both the mother or father component or the browser window.
- Modified a number of the default settings.
- Eliminated the default “max-width” from the CSS code of the principle component. You should use the “width” setting as an alternative.
- Eliminated the default “margin” from the CSS code of the principle component. You should use the “margin” setting as an alternative.
- Up to date jQuery to the most recent model.
- Eliminated Animate Enhanced and added Velocity as an alternative.
- Up to date the templates.
- Up to date the information.
- Up to date the “Learn Me” file.
- Made a collection of different small modifications and enhancements.
1.0.1 (9 March 2017):
- Fastened an issue that was inflicting the pictures to not present correctly within the Safari browser.
1.0 (19 December 2016):
- Launched.