Rollovers on index page header behaving erratically

**mikeb777** · 04-01-2008, 01:31 AM

The rollovers on this index page:

http://www.downloadfreemusic.cn/index.php

are dead, but I've triple-checked and the settings appear to be exactly the same as other pages on the site where the same rollovers are working such as:

http://www.downloadfreemusic.cn/download.php

and

http://www.downloadfreemusic.cn/contactus.php

Why don't my index page header rollovers work?

**vectorialpx** · 04-01-2008, 05:29 AM

You have there a macromedia javascript hover... why don't you use CSS? is more simple and more compatible...

you have 2 different codes

Code:

                <td width="328"><img src="images/chinese-translated-images/hiphop.jpg" width="328" height="42"></td>
                <td><a href="index.php" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Image2','','images/homeover.jpg',1);"><img src="images/home.jpg" name="Image2" width="100" height="42" border="0"></a></td>
                <td><a href="aboutus.php" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Image3','','images/aboutover.jpg',1);"><img src="images/aboutus.jpg" name="Image3" width="95" height="42" border="0"></a></td>
                <td><a href="download.php" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Image4','','images/downloadover.jpg',1);"><img src="images/download.jpg" name="Image4" width="96" height="42" border="0"></a></td>
                <td><a href="artist_register.php" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Image5','','images/musicover.jpg',1);"><img src="images/music.jpg" name="Image5" width="74" height="42" border="0"></a></td>
                <td><a href="contactus.php" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('Image6','','images/contactover.jpg',1);"><img src="images/contact.jpg" name="Image6" width="86" height="42" border="0"></a></td>

and

Code:

 <td width="328"><img src="images/chinese-translated-images/hiphop.jpg" width="328" height="42"></td>
			  <td><a href="index.php" onMouseOut="MM_swapImgRestore(); na_restore_img_src('', 'document')" onMouseOver="MM_swapImage('Image35','','images/homeover.jpg',1); na_change_img_src('', 'document', 'images/chinese-translated-images/homeover.jpg', true)"><img src="images/chinese-translated-images/home.jpg" width="100" height="42" border="0"></a></td>
			  <td><a href="aboutus.php" onMouseOut="MM_swapImgRestore(); na_restore_img_src('', 'document')" onMouseOver="MM_swapImage('Image36','','images/aboutover.jpg',1); na_change_img_src('', 'document', 'images/chinese-translated-images/aboutover.jpg', true)"><img src="images/chinese-translated-images/aboutus.jpg" width="95" height="42" border="0"></a></td>
			  <td><a href="download.php" onMouseOut="MM_swapImgRestore(); na_restore_img_src('', 'document')" onMouseOver="MM_swapImage('Image37','','images/downloadover.jpg',1); na_change_img_src('', 'document', 'images/chinese-translated-images/downloadover.jpg', true)"><img src="images/chinese-translated-images/download.jpg" width="96" height="42" border="0"></a></td>
			  <td><a href="artist_register.php" onMouseOut="MM_swapImgRestore(); na_restore_img_src('', 'document')" onMouseOver="MM_swapImage('Image38','','images/musicover.jpg',1); na_change_img_src('', 'document', 'images/chinese-translated-images/musicover.jpg', true)"><img src="images/chinese-translated-images/music.jpg" width="74" height="42" border="0"></a></td>
			  <td><a href="contactus.php" onMouseOut="MM_swapImgRestore(); na_restore_img_src('', 'document')" onMouseOver="MM_swapImage('Image39','','images/contactover.jpg',1); na_change_img_src('', 'document', 'images/chinese-translated-images/contactover.jpg', true)"><img src="images/chinese-translated-images/contact.jpg" width="86" height="42" border="0"></a></td>

I don't want to debug your code [no time for me] but, you shold make a more simple code...

http://www.google.ro/search?q=css+hover

PS: this was like an offtopic