Media Hovers Javascript

Updates / Changelog

VERSION 5.3 [29.11.2025]

 - [UPDATE] download button moved to controls
 - [ADD] specify custom download url
 - [UPDATE] change icons to button type

VERSION 5.2 [20.10.2024]

 - [UPDATE] detect mobile query
 - [UPDATE] playback method deactivate playback by click anywhere out of plugin area

VERSION 5.1 [19.10.2024]

 - [FIX] video playback

VERSION 5.0 [1.4.2024]

 - [UPDATE] visual progress in thumbnail
 - [UPDATE] youtube, vimeo resume video time on hover if Rewind On Hover is false
 - [UPDATE] load more on page scroll without load more button 
 - [ADD] observer load more method 
 - [ADD] navigator share
 - [ADD] on / off subtitle button
 - [ADD] on / off volume button 
 - [UPDATE] update to SVG icons

VERSION 4.85 [17.2.2024]

 - [UPDATE] add pagination demo in the package

VERSION 4.8 [27.11.2023]

 - [FIX] link or lightbox may not work with some skins like Sarah, Bubba or Zoe

VERSION 4.75 [23.7.2023]

 - [ADD] autoplay Videos On Start Mode mode viewport (scroll into view to play)
 - [UPDATE] update lightbox, option to provide full url for youtube, vimeo, iframe 

VERSION 4.7 [15.7.2023]

 - [UPDATE] pagination / load more now works with filter categories
 - [UPDATE] video autoplay mode all now works with justify mode if thumbnails are used
 - [ADD] option to display subtitles on hover for video, Youtube, Vimeo or audio

VERSION 4.35 [26.3.2023]

 - [FIX] using swipe navigation doesnt change active thumbnail in lightbox
 - [ADD] image zoom pan in lightbox

VERSION 4.32 [20.3.2023]

 - [FIX] using swipe navigation in lightbox would prevent video controls from showing on tap
 - [FIX] fullscreen ipad not working 

VERSION 4.3 [4.2.2023]

 - [UPDATE] converted to javascript only (no jquery dependencies)
 - [UPDATE] masorny, justify grid reload after search field use
 - [UPDATE] new lightbox and settings
 - [UPDATE] admin domain change image urls option
 - [UPDATE] global gallery hook for lightbox

VERSION 3.95 [26.11.2022]

 - [UPDATE] option to specify aspect ratio for images using image mode background image
 - [FIX] Vimeo not showing fullsreen button in lightbox

VERSION 3.92 [11.5.2022]

 
 - [FIX] some grid setting causing mobile playback method down not to work

VERSION 3.91 [6.4.2022]

 
 - [FIX] mobile playback method down causes image popup save dialog to appear

VERSION 3.9 [22.3.2022]

 
 - [FIX] lightbox type iframe missing
 - [FIX] lightbox hook handle spacing 
 - [FIX] undefined index supportShortcodeInTitleDesc
 - [FIX] ios 15 video not showing if not thumbnail
 - [ADD] carousel option, variable width carousel
 - [ADD] hover scale effect
 - [UPDATE] disable video picture in picture 
 - [ADD] option to specify different video quality for mobile (for html5 video)
 - [UPDATE] option to have thumbnail image as background cover instead of img element

VERSION 3.71 [9.2.2022]

 
 - [FIX] if images were not used, only videos, on mobile videos were not playing if Try to unmute video was true

VERSION 3.7 [10.1.2022]

 
 - [FIX] masorny layout sometimes not resizing properly on start

UPDATE 3.6 [14.5.2021]

 - [ADD] new hover effects
 - [ADD] option to add video hover delay to start playback after some image effect has finished

UPDATE 3.51 [13.3.2021]

 - [FIX] youtube video not looping

UPDATE 3.5 [5.3.2021]


 - [FIX] load more button not working
 - [FIX] justify grid mode not working well when pagination is used
 - [FIX] lightbox triggering when url is set and no lightbox is set, and all triggers are set to whole item
 
 - [UPDATE] option to upload image icon for lightbox, share, url link
 
 - [ADD] new title skin - Viva
 - [ADD] option to play video on touch down on mobile (only while finger is down)
 - [ADD] option to play video in tooltip
  

UPDATE 3.0 [6.1.2021]

 - [UPDATE] option to use just videos without thumbnails (for self hosted media)
 - [ADD] load more items in the gallery when scrolling to window bottom 

UPDATE 2.7 [.1.2021]

 - [UPDATE] option to use video without thumbnail (for self hosted videos)

UPDATE 2.65 [11.7.2020]

 - [FIX] link, lightbox icon created even if trigger is thumbnail or whole item
 - [UPDATE] prevent video download on tap hold

UPDATE 2.62 [18.6.2020]

 - [UPDATE] image hover lazy loaded

UPDATE 2.5 [8.5.2020]

 - [ADD] image categories

UPDATE 2.41 [30.1.2020]

 - [ADD] option to disable hover on mobile

UPDATE 2.4 [29.1.2020]

 - [UPDATE] hover items are faded in once thumbnail loads to prevent elements over thumbnail like title showing before image loads
 - [ADD] add custom classes to gallery
 - [ADD] restrain gallery width
 - [ADD] specify image ratio for placeholder when lazy load is used (or use placeholder from image size)
 - [ADD] justifed grid layout

UPDATE 2.35 [25.1.2020]

 - [UPDATE] video / audio only loaded when hover happens
 - [UPDATE] ratio no longer required if only videos are used without thumbnails
 - [ADD] muted video autoplay mode (autoplay all, slideshow, random)
 - [ADD] playback rate

UPDATE 2.3 [22.11.2019]

 - [UPDATE] hovers now work on mobile
 - [ADD] trigger playback on hover or click
 - [UPDATE] select which element will trigger hover, link and lightbox
 - [ADD] option to add HTML inside hover item 

UPDATE 2.21 [9.10.2019]

 - [ADD] set icon over hover element (video, audio, image..)
 - [ADD] optional video loader over Youtube and Vimeo hover

UPDATE 2.2 [30.9.2019]

 - [ADD] lazy load images
 - [ADD] social sharing

UPDATE 2.1 [30.4.2019]

 - [ADD] Masonry layout support
 - [UPDATE] other layout improvements for more flexibility

UPDATE 2.03 [2.2.2019] (Not compatible with previous version)

 - [UPDATE] some code improvements and fixes

UPDATE 2.02 [26.1.2019]

 - [ADD] option to use self hosted videos without thumbnail and define video start frame to show

UPDATE 2.0 [19.1.2019]

 - [ADD] media hovers now available with Youtube and Vimeo videos
 - [UPDATE] new layouts and styles
 - [UPDATE] general improvements (easier to style hover items with CSS and add your own HTML, lightbox compatibility with other lightboxes in the page, etc..)

UPDATE 1.45 [7.11.2018]

 - [ADD] option to apply link to whole image thumbnail instead of just icon
 - [ADD] image hover option (display another image on hover)
 - [UPDATE] use tooltips option
 - [REMOVE] audio slideshow

UPDATE 1.37 [28.10.2018]

 - [UPDATE] auto sort break points from low to high

UPDATE 1.36 [25.10.2018]

 - [UPDATE] update to font awesome

UPDATE 1.35 [17.10.2018]

 - [ADD] auto grid calculation (calculate rows, columns and gutters)

UPDATE 1.3 [13.10.2018]

 - [ADD] option to disable hover functionality on mobile
 - [ADD] option to apply lightbox to whole image thumbnail instead of just icon

UPDATE 1.25 [28.9.2018]

 - [UPDATE] small code improvements

VERSION 1.21 [6.6.2018]

 - [UPDATE] added muted autoplay for videos

VERSION 1.2 [14.4.2018]

 - [ADD] added "image" type will can display simple thumb and any content in lightbox
 - [UPDATE] lightbox can now contain Youtube, Vimeo, or any custom iframe as well
 - [UPDATE] some mobile playback improvements

VERSION 1.16 [9.4.2018]

 - [UPDATE] some code improvements

VERSION 1.15 [5.4.2018]

 - [UPDATE] update icons to font awesome 5

VERSION 1.13 [11.10.2017]

 - [UPDATE] useShare & useLightbox settings removed, they are automatically detected now with data-large & data-share attributes

VERSION 1.1 [3.10.2017]

 - [CHANGE] data-audio, data-video attributes changed into data-path
 - [FIX] small bugs and code improvements

VERSION 1.0 [25.09.2017]

 - first release