thewindmaker Posted June 5, 2006 Share Posted June 5, 2006 Hi there,with all you genius's out there this should be a quick and easy explanation. Thanks in advance.First off I would like to know how on this site justzelda.zeldacentral.net I would bring the affilaties list on the right side to the top underneath the button. second what is the coding for having one button/image and then when you put your mouse over a link somewhere on the page the button/image will change to one that suites that link?Thanks!!! TWM Link to comment Share on other sites More sharing options...
aleksanteri Posted June 5, 2006 Share Posted June 5, 2006 First off I would like to know how on this site justzelda.zeldacentral.net I would bring the affilaties list on the right side to the top underneath the button. second what is the coding for having one button/image and then when you put your mouse over a link somewhere on the page the button/image will change to one that suites that link?I don't understand the first question.If you want to have animated images, here is the HTML code.<html><head><script type="tex/javascript"><!--var firstImg = ImageFilename1 // image to display by defaultvar secondImg = ImageFilename2 // image to display when the cursor is on top of buttonfunction rollOver(id){document.getElementById(id).src = secondImg}function rollOut(id){document.getElementById(id).src = firstImg}// --></script></head><body><a onmouseover="rollOver('myImg')" onmouseout="rollOut('myImg')"><img src="SameImageThanOnImageFilename1-VariableAtTheScript" id="myImg" /></a></body></html> This code is handy if you have multiple images with the same src. You just need to change the 'myImg' part. Note that the id at "rollOut('here')" needs to match the image's id. The onmouseover and onmouseout attributes must also be in the <a> tag because the <img> tag does not support mouse events! Link to comment Share on other sites More sharing options...
scott100 Posted June 5, 2006 Share Posted June 5, 2006 First off I would like to know how on this site justzelda.zeldacentral.net I would bring the affilaties list on the right side to the top underneath the button.This is the code for the image, you have positioned it absolutely.<img src="http://img415.imageshack.us/img415/8780/affilatesmenu6ja.png" width="134" height="27" style="position:absolute; left:871px; top:173px; zindex:2" /> Try this instead. <img src="http://img415.imageshack.us/img415/8780/affilatesmenu6ja.png" style="width:134;height:27;" /> That should bring it back into the table with the list. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now