How to make image enlarge on double click
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
10-15-2024 12:22 AM
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> </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> </p>
<p> </p>
Any help would be appreciated. Thank you!