changing images - Site Owners Forums

ncjbhd · 09-28-2011, 11:39 PM

I have just added a script to my web site that changes an image when a mouse is passed over it, is this possible without intervention i.e automatically.

Thanks

alligatortek001 · 05-15-2014, 03:01 AM

Yeah with scripting what you are asking is really possible . You may use java script for the purpose to add inter-activeness to web pages.

yasar · 05-27-2015, 06:55 AM

Using java script we can do this

<div onmouseover = "mOver(this)" onmouseout = "mOut(this)" style="background-color:coral;height:40px;width:200px;padding:40px">
On Mouse Over
</div>
<script>
function mOver(obj)
{
obj.innerHTML = "THankyou"
}
function mOut(obj)
{
obj.innerHTML = "On Mouse Over"
}
</script>

09-28-2011, 11:39 PM	#1
ncjbhd Registered User Join Date: Jul 2011 Posts: 262	changing images I have just added a script to my web site that changes an image when a mouse is passed over it, is this possible without intervention i.e automatically. Thanks __________________ *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.*

05-15-2014, 03:01 AM	#2
alligatortek001 Registered User Join Date: Nov 2013 Posts: 92	Yeah with scripting what you are asking is really possible . You may use java script for the purpose to add inter-activeness to web pages. __________________ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.

05-27-2015, 06:55 AM	#3
yasar Registered User Join Date: May 2015 Posts: 61	Using java script we can do this <div onmouseover = "mOver(this)" onmouseout = "mOut(this)" style="background-color:coral;height:40px;width:200px;padding:40px"> On Mouse Over </div> <script> function mOver(obj) { obj.innerHTML = "THankyou" } function mOut(obj) { obj.innerHTML = "On Mouse Over" } </script> __________________ To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts. \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.* \| *To view links or images in signatures your post count must be 10 or greater. You currently have 0 posts.*

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Showing and Hiding images	ncjbhd	HTML / DHTML	1	09-27-2011 03:41 AM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)