hue

Chosen

Uniformly style all select fields between browsers.

Autoloading - API

Usage:
Automatically replaces all select fields.
Use hueChosen.init(); to load manually.

Example:
Select something Test 1 Test 2 Test 3 Test 4 Test 5

dayjs

Javascript date functions. Format, localize and calulate with dates.

Passive - API - Usage notes

glightbox

Opens images in a lightbox.

Auto loading - API

Usage:
Use class „lightbox-01“ as image class for enabling lightbox. Lightboxes with same id („-01“) on the same page open in same window.
Only 'lightbox' as class is possible and all images on the same page will open in the same window.
Pe:
printImage($image_id, 'image-size', 'lightbox-01');

Example:

JTNDZGl2JTIwY2xhc3MlM0QlMjJpbWFnZS13cmFwcGVyJTIwcG9ydHJhaXQlMjB6b29tLW1vYmlsZSUyMiUzRSUzQ2ltZyUyMGNsYXNzJTNEJTIybGF6eS1sb2FkJTIyJTIwc3JjJTNEJTI3ZGF0YSUzQWltYWdlJTJGc3ZnJTJCeG1sJTJDJTI1M0NzdmclMjUyMHhtbG5zJTNEJTI1MjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjUyMiUyNTIwdmlld0JveCUzRCUyNTIyMCUyNTIwMCUyNTIwMTY2NyUyNTIwMjUwMCUyNTIyJTI1M0UlMjUzQyUyRnN2ZyUyNTNFJTI3JTIwZGF0YS1zcmNzZXQlM0QlMjJodHRwcyUzQSUyRiUyRmRldi4xMDEuYXQlMkZodWUtdGhlbWUtbmclMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMyUyRnBleGVscy1tYWtzaW0tcm9tYXNoa2luLTcxMDgyMTcuanBnJTIwMnglMkMlMjBodHRwcyUzQSUyRiUyRmRldi4xMDEuYXQlMkZodWUtdGhlbWUtbmclMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMyUyRnBleGVscy1tYWtzaW0tcm9tYXNoa2luLTcxMDgyMTcuanBnJTIwMTkyMHclMkMlMjBodHRwcyUzQSUyRiUyRmRldi4xMDEuYXQlMkZodWUtdGhlbWUtbmclMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMyUyRnBleGVscy1tYWtzaW0tcm9tYXNoa2luLTcxMDgyMTctOTYweDE0NDAuanBnJTIwOTYwdyUyQyUyMGh0dHBzJTNBJTJGJTJGZGV2LjEwMS5hdCUyRmh1ZS10aGVtZS1uZyUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjAzJTJGcGV4ZWxzLW1ha3NpbS1yb21hc2hraW4tNzEwODIxNy02NDB4OTYwLmpwZyUyMDY0MHclMkMlMjBodHRwcyUzQSUyRiUyRmRldi4xMDEuYXQlMkZodWUtdGhlbWUtbmclMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMyUyRnBleGVscy1tYWtzaW0tcm9tYXNoa2luLTcxMDgyMTctMzIweDQ4MC5qcGclMjAzMjB3JTIyJTIwZGF0YS1zaXplcyUzRCUyMjEwMHZ3JTIyJTIwd2lkdGglM0QlMjIxNjY3JTIyJTIwaGVpZ2h0JTNEJTIyMjUwMCUyMiUyMHRpdGxlJTNEJTIycGV4ZWxzLW1ha3NpbS1yb21hc2hraW4tNzEwODIxNyUyMiUyMGFsdCUzRCUyMiUyMiUyMGRhdGEtY2FwdGlvbiUzRCUyMlBob3RvJTIwYnklMjBNYWtzaW0lMjBSb21hc2hraW4lMjIlMkYlM0UlMDklM0MlMkZkaXYlM0U=

JTNDZGl2JTIwY2xhc3MlM0QlMjJpbWFnZS13cmFwcGVyJTIwcG9ydHJhaXQlMjB6b29tLW1vYmlsZSUyMiUzRSUzQ2ltZyUyMGNsYXNzJTNEJTIybGF6eS1sb2FkJTIyJTIwc3JjJTNEJTI3ZGF0YSUzQWltYWdlJTJGc3ZnJTJCeG1sJTJDJTI1M0NzdmclMjUyMHhtbG5zJTNEJTI1MjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjUyMiUyNTIwdmlld0JveCUzRCUyNTIyMCUyNTIwMCUyNTIwMTkyMCUyNTIwMjg4MCUyNTIyJTI1M0UlMjUzQyUyRnN2ZyUyNTNFJTI3JTIwZGF0YS1zcmNzZXQlM0QlMjJodHRwcyUzQSUyRiUyRmRldi4xMDEuYXQlMkZodWUtdGhlbWUtbmclMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMyUyRnBleGVscy16aGFvY2FuLWxpLTE3NTUyNDMtMzg0MHg1NzYwLmpwZyUyMDJ4JTJDJTIwaHR0cHMlM0ElMkYlMkZkZXYuMTAxLmF0JTJGaHVlLXRoZW1lLW5nJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIxJTJGMDMlMkZwZXhlbHMtemhhb2Nhbi1saS0xNzU1MjQzLTE5MjB4Mjg4MC5qcGclMjAxOTIwdyUyQyUyMGh0dHBzJTNBJTJGJTJGZGV2LjEwMS5hdCUyRmh1ZS10aGVtZS1uZyUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjAzJTJGcGV4ZWxzLXpoYW9jYW4tbGktMTc1NTI0My05NjB4MTQ0MC5qcGclMjA5NjB3JTJDJTIwaHR0cHMlM0ElMkYlMkZkZXYuMTAxLmF0JTJGaHVlLXRoZW1lLW5nJTJGd3AtY29udGVudCUyRnVwbG9hZHMlMkYyMDIxJTJGMDMlMkZwZXhlbHMtemhhb2Nhbi1saS0xNzU1MjQzLTY0MHg5NjAuanBnJTIwNjQwdyUyQyUyMGh0dHBzJTNBJTJGJTJGZGV2LjEwMS5hdCUyRmh1ZS10aGVtZS1uZyUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjAzJTJGcGV4ZWxzLXpoYW9jYW4tbGktMTc1NTI0My0zMjB4NDgwLmpwZyUyMDMyMHclMjIlMjBkYXRhLXNpemVzJTNEJTIyMTAwdnclMjIlMjB3aWR0aCUzRCUyMjE5MjAlMjIlMjBoZWlnaHQlM0QlMjIyODgwJTIyJTIwdGl0bGUlM0QlMjJwZXhlbHMtemhhb2Nhbi1saS0xNzU1MjQzJTIyJTIwYWx0JTNEJTIyJTIyJTIwZGF0YS1jYXB0aW9uJTNEJTIyJTIyJTJGJTNFJTA5JTNDJTJGZGl2JTNF

JTNDZGl2JTIwY2xhc3MlM0QlMjJpbWFnZS13cmFwcGVyJTIwcG9ydHJhaXQlMjB6b29tLW1vYmlsZSUyMiUzRSUzQ2ltZyUyMGNsYXNzJTNEJTIybGF6eS1sb2FkJTIyJTIwc3JjJTNEJTI3ZGF0YSUzQWltYWdlJTJGc3ZnJTJCeG1sJTJDJTI1M0NzdmclMjUyMHhtbG5zJTNEJTI1MjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjUyMiUyNTIwdmlld0JveCUzRCUyNTIyMCUyNTIwMCUyNTIwMTkyMCUyNTIwMjg4MiUyNTIyJTI1M0UlMjUzQyUyRnN2ZyUyNTNFJTI3JTIwZGF0YS1zcmNzZXQlM0QlMjJodHRwcyUzQSUyRiUyRmRldi4xMDEuYXQlMkZodWUtdGhlbWUtbmclMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMyUyRnBleGVscy10b21hcy1hbnVuemlhdGEtMzg3NjQwNy5qcGclMjAyeCUyQyUyMGh0dHBzJTNBJTJGJTJGZGV2LjEwMS5hdCUyRmh1ZS10aGVtZS1uZyUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjAzJTJGcGV4ZWxzLXRvbWFzLWFudW56aWF0YS0zODc2NDA3LTE5MjB4Mjg4Mi5qcGclMjAxOTIwdyUyQyUyMGh0dHBzJTNBJTJGJTJGZGV2LjEwMS5hdCUyRmh1ZS10aGVtZS1uZyUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMSUyRjAzJTJGcGV4ZWxzLXRvbWFzLWFudW56aWF0YS0zODc2NDA3LTk2MHgxNDQxLmpwZyUyMDk2MHclMkMlMjBodHRwcyUzQSUyRiUyRmRldi4xMDEuYXQlMkZodWUtdGhlbWUtbmclMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMyUyRnBleGVscy10b21hcy1hbnVuemlhdGEtMzg3NjQwNy02NDB4OTYxLmpwZyUyMDY0MHclMkMlMjBodHRwcyUzQSUyRiUyRmRldi4xMDEuYXQlMkZodWUtdGhlbWUtbmclMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjElMkYwMyUyRnBleGVscy10b21hcy1hbnVuemlhdGEtMzg3NjQwNy0zMjB4NDgwLmpwZyUyMDMyMHclMjIlMjBkYXRhLXNpemVzJTNEJTIyMTAwdnclMjIlMjB3aWR0aCUzRCUyMjE5MjAlMjIlMjBoZWlnaHQlM0QlMjIyODgyJTIyJTIwdGl0bGUlM0QlMjJwZXhlbHMtdG9tYXMtYW51bnppYXRhLTM4NzY0MDclMjIlMjBhbHQlM0QlMjIlMjIlMjBkYXRhLWNhcHRpb24lM0QlMjJQaG90byUyMGJ5JTIwVG9tYXMlMjBBbnVuemlhdGElMjIlMkYlM0UlMDklM0MlMkZkaXYlM0U=

horizontalscroll

Creates a horizontal scoller with navigation buttons. Auto hides nav.

Auto loading - Custom

Usage:
Wrap code with horizontalScrollBefore() & horizontalScrollAfter()

Example:

←

→

Isotope

Auto loading - API - Example

Usage:
Add class isotope-container to wrapper and class isotope-element to children.
Call hueIsotope.init() to load manually.

Marquee

Auto loading - API

Usage:
Add class marquee to wrapper.
Call hueMarquee.init() to load manually.

Example:

Zoom

Makes an image or container zoomable.

Auto loading - API

Usage:
Add zoom to container.
Or add class zoom as image class. (Class lightbox and class zoom zooms lightbox image instead of preview.) Pe: printImage($image_id, 'image-size', 'zoom');
Call hueZoom.init() to load manually.
Call hueZoom.disableScroll() to disable page srcolling.
Call hueZoom.enableScroll() to reenable page srcolling.

Example: