NEWS & PRESS Plants In My Yoga Pants Blog(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-6e4fcd4f-9871-4c9b-a92a-4db34ba1cf0d', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-6e4fcd4f-9871-4c9b-a92a-4db34ba1cf0d', 'center') var image = document.querySelector("#" + 's-6e4fcd4f-9871-4c9b-a92a-4db34ba1cf0d' + " img") if (image) image.addEventListener("load", alignContent) })() Honest To Goodness Health (November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-3b912a08-cc2e-4507-8ab7-c10dbfebb425', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-3b912a08-cc2e-4507-8ab7-c10dbfebb425', 'center') var image = document.querySelector("#" + 's-3b912a08-cc2e-4507-8ab7-c10dbfebb425' + " img") if (image) image.addEventListener("load", alignContent) })() Mollie Mason(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-51c6263d-a3fb-42ab-b39b-0782bf9d356c', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-51c6263d-a3fb-42ab-b39b-0782bf9d356c', 'center') var image = document.querySelector("#" + 's-51c6263d-a3fb-42ab-b39b-0782bf9d356c' + " img") if (image) image.addEventListener("load", alignContent) })() In It 4 The Long Run(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-9da30c49-4bad-4bb8-be0c-44e0ca59b117', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-9da30c49-4bad-4bb8-be0c-44e0ca59b117', 'center') var image = document.querySelector("#" + 's-9da30c49-4bad-4bb8-be0c-44e0ca59b117' + " img") if (image) image.addEventListener("load", alignContent) })() The Pace(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-4079c783-1515-47b9-b731-e2ab5b1c61bc', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-4079c783-1515-47b9-b731-e2ab5b1c61bc', 'center') var image = document.querySelector("#" + 's-4079c783-1515-47b9-b731-e2ab5b1c61bc' + " img") if (image) image.addEventListener("load", alignContent) })() Blonde Gone Clean(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-5ccf7acf-bf34-42ce-a23e-50c17b141d39', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-5ccf7acf-bf34-42ce-a23e-50c17b141d39', 'center') var image = document.querySelector("#" + 's-5ccf7acf-bf34-42ce-a23e-50c17b141d39' + " img") if (image) image.addEventListener("load", alignContent) })() Bites With Brit(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-fbc58be8-77dd-4890-b6da-8fbd8d346223', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-fbc58be8-77dd-4890-b6da-8fbd8d346223', 'center') var image = document.querySelector("#" + 's-fbc58be8-77dd-4890-b6da-8fbd8d346223' + " img") if (image) image.addEventListener("load", alignContent) })() Twist Of Lemons(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-eb3578e8-c583-4267-9732-35f7f479ca02', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-eb3578e8-c583-4267-9732-35f7f479ca02', 'center') var image = document.querySelector("#" + 's-eb3578e8-c583-4267-9732-35f7f479ca02' + " img") if (image) image.addEventListener("load", alignContent) })() Macaronie Bites(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-38e3558b-f783-45ca-a953-f2591609c10e', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-38e3558b-f783-45ca-a953-f2591609c10e', 'center') var image = document.querySelector("#" + 's-38e3558b-f783-45ca-a953-f2591609c10e' + " img") if (image) image.addEventListener("load", alignContent) })() The Skirt! Magazine(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-7db3569e-5e0d-45b5-8be5-3ef586f9c78f', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-7db3569e-5e0d-45b5-8be5-3ef586f9c78f', 'center') var image = document.querySelector("#" + 's-7db3569e-5e0d-45b5-8be5-3ef586f9c78f' + " img") if (image) image.addEventListener("load", alignContent) })() Balanced Mess(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-c075d9b9-fc18-4b8e-b4a0-c9c32d27747b', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-c075d9b9-fc18-4b8e-b4a0-c9c32d27747b', 'center') var image = document.querySelector("#" + 's-c075d9b9-fc18-4b8e-b4a0-c9c32d27747b' + " img") if (image) image.addEventListener("load", alignContent) })() Shop With Kendallyn(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-48975776-a18a-4ce2-b676-827e5ce86d73', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-48975776-a18a-4ce2-b676-827e5ce86d73', 'center') var image = document.querySelector("#" + 's-48975776-a18a-4ce2-b676-827e5ce86d73' + " img") if (image) image.addEventListener("load", alignContent) })() Lean, Clean, & Brie(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-1000ef25-8c44-4a4d-a847-fbf89f7df988', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-1000ef25-8c44-4a4d-a847-fbf89f7df988', 'center') var image = document.querySelector("#" + 's-1000ef25-8c44-4a4d-a847-fbf89f7df988' + " img") if (image) image.addEventListener("load", alignContent) })() Approaching Paleo(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-65549e64-2564-4a4b-af8e-4a777d1d20ce', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-65549e64-2564-4a4b-af8e-4a777d1d20ce', 'center') var image = document.querySelector("#" + 's-65549e64-2564-4a4b-af8e-4a777d1d20ce' + " img") if (image) image.addEventListener("load", alignContent) })() #broccyourbody(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-eb32f1f4-4ce9-4a1c-b631-02bf72b6bf50', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-eb32f1f4-4ce9-4a1c-b631-02bf72b6bf50', 'center') var image = document.querySelector("#" + 's-eb32f1f4-4ce9-4a1c-b631-02bf72b6bf50' + " img") if (image) image.addEventListener("load", alignContent) })() Reformation Health(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-04edf7da-f8b9-473d-9e8c-6186b3ef9d5f', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-04edf7da-f8b9-473d-9e8c-6186b3ef9d5f', 'center') var image = document.querySelector("#" + 's-04edf7da-f8b9-473d-9e8c-6186b3ef9d5f' + " img") if (image) image.addEventListener("load", alignContent) })() Take A Bite(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-c04d307c-bb6d-48e7-bb0a-93d07c19cfa3', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-c04d307c-bb6d-48e7-bb0a-93d07c19cfa3', 'center') var image = document.querySelector("#" + 's-c04d307c-bb6d-48e7-bb0a-93d07c19cfa3' + " img") if (image) image.addEventListener("load", alignContent) })() KPing It Simple(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-76133545-3627-4577-88be-b0a5fbc7a96b', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-76133545-3627-4577-88be-b0a5fbc7a96b', 'center') var image = document.querySelector("#" + 's-76133545-3627-4577-88be-b0a5fbc7a96b' + " img") if (image) image.addEventListener("load", alignContent) })() The Fittrio(November 2017) if (!window.alignImageContent) { window.alignImageContent = function(uuid, verticalAlign) { /** * 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("#" + uuid + " .shogun-image-content") var wrapperRef = document.querySelector("#" + uuid + " .shogun-image-container") 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" } } } (function() { window.SHOGUN_IMAGE_ELEMENTS = window.SHOGUN_IMAGE_ELEMENTS || new Array(); window.SHOGUN_IMAGE_ELEMENTS.push({ hoverImage: '', uuid: 's-c1eae221-9b4a-49a7-b677-cb5cc64dca12', verticalAlign: 'center' }) var alignContent = window.alignImageContent.bind(undefined, 's-c1eae221-9b4a-49a7-b677-cb5cc64dca12', 'center') var image = document.querySelector("#" + 's-c1eae221-9b4a-49a7-b677-cb5cc64dca12' + " img") if (image) image.addEventListener("load", alignContent) })()
