|
Hi everyone!
I've been looking for a script that:
Upon mouseover of an image(A) - will swop that image for another image(B) and display text in a pre-defined place.
On mouseoff - original image(A) is displayed and text disappears.
Can someone point me in the right direction?
Much appreciated,
Al
|
|
|
How much do you already have written?
I would use DIVS. Position and alter visibility of a div based on mouseover of the image.
|
|
|
|
|
I have nothing written just yet.
I'm in learning stage and looking for a tutorial that covers this.
So far I can only find either onmouseover change text or change image but not both together.
|
|
|
Combine the two examples.
Create a function:
<script>
function doChanges()
{
}
</script>
Put the code to change text, and the code to change image, in the function.
Then, in your img tag:
onmouseover = "doChanges()"
Does that help?
|
|
|
|
|
// code courtesy of coothead
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>image swap with text exposure</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
#text {
position:absolute;
left:450px;
top:400px;
width:210px;
display:none;
font-family:verdana;
font-size:16px;
padding:10px;
border:double 3px #000;
}
/*//]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function doStuff(el) {
el.src="/forum/banana.jpg";
document.getElementById("text").style.display="block";
el.onmouseout=function() {
el.src="/forum/apple.jpg";
document.getElementById("text").style.display="none";
}
}
//]]>
</script>
</head>
<body>
<div>
<img src="/forum/apple.jpg" alt="" onmouseover="doStuff(this)" />
</div>
<div id="text">
over to the left and and up a wee bit is a banana
</div>
</body>
</html>
|
|
|
The server has encountered an error while loading an application during the processing of your request. Please refer to the event log for more detail information. Please contact the server administrator for assistance.The server has encountered an error while loading an application during the processing of your request. Please refer to the event log for more detail information. Please contact the server administrator for assistance.The server has encountered an error while loading an application during the processing of your request. Please refer to the event log for more detail information. Please contact the server administrator for assistance. 310-200 | 310-202 | 310-065 | 310-083 | 310-302
|
|
|
Wonderful.
Share a website with you ,
put this url in google sirch
(http://www.aamall.us )
Believe you will love it.
We accept any form of payment
|
|
|
yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions. 000-200 | 1z0-052 | JN0-522 | LX0-101 | E20-322 | 000-210 | 000-106 | 000-104 | 642-533 | EC0-350 | 117-301 | 000-107 | HP2-Q04 | HP0-S23
|
|
|
but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.yes brands like star trek & itela voice are offering voice controlling switches for lamp, my Home Automation vendor suggest me the same, but mate you have to check out the compatibility, if you want to use them with the existing setup, but i hope it is not a big deal, the functionality of every brand's switch is ultimately based on same set of instructions.HP0-S26\ 642-415 \ SK0-003 \ 642-165 \ 646-985
|
|
|
A very good article. I like your writing style. Provide a benefit to the reader. Please keep on posting such quality articles as this is a rare thing to find these days.A very good article. I like your writing style. Provide a benefit to the reader. Please keep on posting such quality articles as this is a rare thing to find these days.A very good article. I like your writing style. Provide a benefit to the reader. Please keep on posting such quality articles as this is a rare thing to find these days.A very good article. I like your writing style. Provide a benefit to the reader. Please keep on posting such quality articles as this is a rare thing to find these days.A very good article. I like your writing style. Provide a benefit to the reader. Please keep on posting such quality articles as this is a rare thing to find these days.000-968 \ JN0-332 \ 70-516 \ 70-682 \ 642-062
|
|
|
|
|
Still there is room for greater development and I would recommend more emphasis on research and of course it will bring a better situation. Thanks for sharing a nice read. Cheers Birthday Greetings
|
|
|
If you have already written something, but not sure whether it will work, we can help you improve. All work is undertaken by an American expert with English as their first language, qualified and experienced in your area of study and assigned by our Quality Assurance team to match your assignment.cheap links of london jewellery - links of london - edhardy clothing- ed hardy
|
|
|
The AC system in your vehicle gives the cooling effect at the times of your travel and this aids in making your journey comfortable. There are many components involved in the functioning of the air conditioning system like the compressor, condenser, evaporator, accumulator, drier and expansion device. The AC evaporator in your vehicle plays a vital role in it. The main responsibility of the AC evaporator of your vehicle is to absorb the heat around it and replace with the cool air. The high pressure fluid is passed into the AC evaporator of your vehicle. This refrigerant fluid changes into vapor before it reaches the bottom of the AC evaporator in your vehicle. links friendship bracelet - thomas sabo store - thomas sabo jewelry sale - thomas sabo charms sale
|
|
|
The AC system in your vehicle gives the cooling effect at the times of your travel and this aids in making your journey comfortable. There are many components involved in the functioning of the air conditioning system like the compressor, condenser, evaporator, accumulator, drier and expansion device. The AC evaporator in your vehicle plays a vital role in it. The main responsibility of the AC evaporator of your vehicle is to absorb the heat around it and replace with the cool air. The high pressure fluid is passed into the AC evaporator of your vehicle. This refrigerant fluid changes into vapor before it reaches the bottom of the AC evaporator in your vehiclePass4sure 156-215.65 \ 1Y0-A05 \ 1Y0-A08 \ NS0-502 \ Pass4sure 642-241 \ Pass4sure 642-982 \ Pass4sure 646-204 \ JK0-017 \ 412-79 \ Pass4sure F50-533 \ HP0-J39 \ Pass4sure HP0-M36
|
|
This 25 message thread spans 2 pages: [1] 2 > > |