Hello DaniWeb users, I'm in search of a script that is currently in use by JoyStiq, or something like it if it is unique.
http://i40.tinypic.com/qqqwm1.png
It basically lets you hover the image and a link is displayed under and you can click the image or the link. Visit http://www.joystiq.com/ to see what I mean. Can anybody help me find this script or a script like it?
hi there,
this is dilip here,
i have seen that website but not able to figure out what he/she had done, because he/she uses large amount of javascript code in web page itself. Which is not a good idea, it's just my advice.
Now back to the point i think you can do this using javascript easily.
<table><tr>
<td><a id='one' onmouseover="change_text(this,'answer')">Check Availability<img src='http://www.perrypl.okpls.org/computer.jpg' width=100px height=100px></a></td>
<td><a id='two' onmouseover="change_text(this,'answer')">Check Availability<img src='http://www.perrypl.okpls.org/computer.jpg' width=100px height=100px></a></td>
<td><a id='three' onmouseover="change_text(this,'answer')">Check Availability<img src='http://www.perrypl.okpls.org/computer.jpg' width=100px height=100px></a></td>
</tr></table>
<span width="200px;" id="answer"> </span><br/>
in above code there are 3 images, on mouse over event you need to call javascript function and there is span which is used to display information based on selected mouse over event. That javascript function will change text of that span. The javascript function will look like
<script>
function change_text(control,display)
{
var ctr=document.getElementById(control);
switch(ctr)
{
case 'one':document.getElementById(display).innerHTML='This text is on ONE'; break;
case 'two':document.getElementById(display).innerHTML='This text is on TWO'; break;
case 'three':document.getElementById(display).innerHTML='This text is on THREE'; break;
default:document.getElementById(display).innerHTML='This text is on default text'; break;
}
}
</script>
Hope this will help you.
Thanks & Regards
Dilip Kumar Vishwakarma