1.0UTC Website Knowledge Basehttps://blog.utc.edu/web-kbKailey Agoohttps://blog.utc.edu/web-kb/author/jzc491/rich600338<blockquote class="wp-embedded-content" data-secret="ruosD847pM"><a href="https://blog.utc.edu/web-kb/2025/07/18/hover-image/">Hover Image </a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://blog.utc.edu/web-kb/2025/07/18/hover-image/embed/#?secret=ruosD847pM" width="600" height="338" title="“Hover Image ” — UTC Website Knowledge Base" data-secret="ruosD847pM" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); //# sourceURL=https://blog.utc.edu/web-kb/wp-includes/js/wp-embed.min.js </script> Adding a Hover Image to your Drupal Content Page. Hover Images allows you to add multiple images to one block that also have naturally integrated links. Before starting these blocks, be sure that you have your image either saved to your editing device or have preloaded your image into the Drupal media library.  We also… Continue Reading