ImageHover = init: -> return if g.VIEW not in ['index', 'thread'] if Conf['Image Hover'] Callbacks.Post.push name: 'Image Hover' cb: @node if Conf['Image Hover in Catalog'] Callbacks.CatalogThread.push name: 'Image Hover' cb: @catalogNode node: -> return unless @file and (@file.isImage or @file.isVideo) and @file.thumb $.on @file.thumb, 'mouseover', ImageHover.mouseover @ catalogNode: -> {file} = @thread.OP return unless file and (file.isImage or file.isVideo) $.on @nodes.thumb, 'mouseover', ImageHover.mouseover @thread.OP mouseover: (post) -> (e) -> return unless doc.contains @ {file} = post {isVideo} = file return if file.isExpanding or file.isExpanded or Site.isThumbExpanded?(file) error = ImageHover.error post if ImageCommon.cache?.dataset.fullID is post.fullID el = ImageCommon.popCache() $.on el, 'error', error else el = $.el (if isVideo then 'video' else 'img') el.dataset.fullID = post.fullID $.on el, 'error', error el.src = file.url if Conf['Restart when Opened'] ImageCommon.rewind el ImageCommon.rewind @ el.id = 'ihover' $.add Header.hover, el if isVideo el.loop = true el.controls = false Volume.setup el if Conf['Autoplay'] el.play() @currentTime = el.currentTime if @nodeName is 'VIDEO' [width, height] = (+x for x in file.dimensions.split 'x') {left, right} = @getBoundingClientRect() maxWidth = Math.max left, doc.clientWidth - right maxHeight = doc.clientHeight - UI.hover.padding scale = Math.min 1, maxWidth / width, maxHeight / height el.style.maxWidth = "#{scale * width}px" el.style.maxHeight = "#{scale * height}px" UI.hover root: @ el: el latestEvent: e endEvents: 'mouseout click' height: scale * height noRemove: true cb: -> $.off el, 'error', error ImageCommon.pushCache el ImageCommon.pause el $.rm el el.removeAttribute 'style' error: (post) -> -> return if ImageCommon.decodeError @, post ImageCommon.error @, post, 3 * $.SECOND, (URL) => if URL @src = URL + if @src is URL then '?' + Date.now() else '' else $.rm @