window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-e7682c8f-bfdd-4196-b1a6-4d4fb9f8de19' }) function alignImageContent() { /** * Reason for keeping this function here is that it should execute right after the image is mounted on page. * Ref: https://stackoverflow.com/questions/4057236/how-to-add-onload-event-to-a-div-element * Else there will be visible lag in alignment of content over the image. */ var contentRef = document.querySelector("#" + 's-e7682c8f-bfdd-4196-b1a6-4d4fb9f8de19' + " .shogun-image-content") var wrapperRef = document.querySelector("#" + 's-e7682c8f-bfdd-4196-b1a6-4d4fb9f8de19' + " .shogun-image-container") var verticalAlign = 'top' if (!contentRef) return if (verticalAlign === 'top') { contentRef.style.top = 0 } else if (verticalAlign === 'bottom') { contentRef.style.bottom = 0 } else { if (!wrapperRef) return var wrapperHeight = wrapperRef.clientHeight var contentHeight = contentRef.clientHeight contentRef.style.top = (wrapperHeight - contentHeight) / 2 + "px" } } alignImageContent() window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-0a12c147-8138-412e-b5fa-b66dc559b1a9' }) function alignImageContent() { /** * Reason for keeping this function here is that it should execute right after the image is mounted on page. * Ref: https://stackoverflow.com/questions/4057236/how-to-add-onload-event-to-a-div-element * Else there will be visible lag in alignment of content over the image. */ var contentRef = document.querySelector("#" + 's-0a12c147-8138-412e-b5fa-b66dc559b1a9' + " .shogun-image-content") var wrapperRef = document.querySelector("#" + 's-0a12c147-8138-412e-b5fa-b66dc559b1a9' + " .shogun-image-container") var verticalAlign = 'top' if (!contentRef) return if (verticalAlign === 'top') { contentRef.style.top = 0 } else if (verticalAlign === 'bottom') { contentRef.style.bottom = 0 } else { if (!wrapperRef) return var wrapperHeight = wrapperRef.clientHeight var contentHeight = contentRef.clientHeight contentRef.style.top = (wrapperHeight - contentHeight) / 2 + "px" } } alignImageContent() window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-9ef2cb0b-515a-41af-ac87-9314ca78e1b8' }) function alignImageContent() { /** * Reason for keeping this function here is that it should execute right after the image is mounted on page. * Ref: https://stackoverflow.com/questions/4057236/how-to-add-onload-event-to-a-div-element * Else there will be visible lag in alignment of content over the image. */ var contentRef = document.querySelector("#" + 's-9ef2cb0b-515a-41af-ac87-9314ca78e1b8' + " .shogun-image-content") var wrapperRef = document.querySelector("#" + 's-9ef2cb0b-515a-41af-ac87-9314ca78e1b8' + " .shogun-image-container") var verticalAlign = 'top' if (!contentRef) return if (verticalAlign === 'top') { contentRef.style.top = 0 } else if (verticalAlign === 'bottom') { contentRef.style.bottom = 0 } else { if (!wrapperRef) return var wrapperHeight = wrapperRef.clientHeight var contentHeight = contentRef.clientHeight contentRef.style.top = (wrapperHeight - contentHeight) / 2 + "px" } } alignImageContent()
