Show picture on mouseover.

0 votes
asked by about BlueVoda Website Builder
edited by

I got on the left side of the screen some small pictures that I want to show them in big on the page while I mouseover. What is the right way to do it? I really can't find a solution.

1 Answer

0 votes
answered by (264k points)

Mouseover is a function available on HTML. Since this is a HTML builder, you can implement the simplest code possible to have the desired effect. Switch to the code view when you are building the website then add the following code for your elements:

<html>
<head>
<script>
function bigImg(x)
{
x.style.height="64px";
x.style.width="64px";
}

function normalImg(x)
{
x.style.height="32px";
x.style.width="32px";
}
</script>
</head>
<body>

<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="Image.EXTENSION" alt="IMAGE" width="32" height="32">

You can tweak the resolution for the thumbnail and big image. It's necessary to use the function for everything to work properly.

Your answer

Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.
Anti-spam verification:
To avoid this verification in future, please log in or register
...