How to make image enlarge on double click

C_S3
Tera Contributor

Hello All,

I'm inserting a image as a thumbnail in an article and want the image to show up in original size when it is double clicked.

I see some images in ServiceNow educational courses that'll expand when I click on it.

Currently, if I just insert an image as a thumbnail, it won't expand on double-click. Would appreciate if someone would show me how to expand the image on double click.

By using below code we can achieve this functionality for one particluar kb article. but I want it for every KB articles : 

<p>Scrolling text</p>
<p>&nbsp;</p>
<div class="imageContainer"><img src="setValue%20in%20ui%20page.pngx" width="700" height="650" /></div>
<style>
.imageContainer > img:hover {
width: 500px;
height: 200px;
}

</style>
<p>&nbsp;</p>
<p>&nbsp;</p>


Any help would be appreciated. Thank you!

0 REPLIES 0