ImageReady Rollover Help, Edit This For Me Plz T_T |
  |
 Jun 5 2006, 11:41 PM
Post
#1
|
|
 Freelance Graphic Designer  Group: Member Posts: 98 Joined: May 2006 Member No: 415,447  |
Hey guys
I just started to learn Rollovers and im sorta stuck ._. Well I did it on ImageReadyCS2 This is the exact code I got: CODE <html> <head> <title>DIV NEW</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- ImageReady Preload Script (DIV NEW.psd) --> <script type="text/javascript"> <!-- function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImages() { if (document.images && (preloadFlag == true)) { for (var i=0; i<changeImages.arguments.length; i+=2) { document[changeImages.arguments[i]].src = changeImages.arguments[i+1]; } } } var preloadFlag = false; function preloadImages() { if (document.images) { DIV_NEW_03_over = newImage("images/DIV-NEW_03-over.gif"); DIV_NEW_05_over = newImage("images/DIV-NEW_05-over.gif"); DIV_NEW_07_over = newImage("images/DIV-NEW_07-over.gif"); DIV_NEW_09_over = newImage("images/DIV-NEW_09-over.gif"); DIV_NEW_11_over = newImage("images/DIV-NEW_11-over.gif"); preloadFlag = true; } } // --> </script> <!-- End Preload Script --> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();"> <!-- ImageReady Slices (DIV NEW.psd) --> <table id="Table_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="11"> <img src="images/DIV-NEW_01.gif" width="800" height="110" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/DIV-NEW_02.gif" width="100" height="490" alt=""></td> <td> <a href="#" onmouseover="changeImages('DIV_NEW_03', 'images/DIV-NEW_03-over.gif'); return true;" onmouseout="changeImages('DIV_NEW_03', 'images/DIV-NEW_03.gif'); return true;" onmousedown="changeImages('DIV_NEW_03', 'images/DIV-NEW_03-over.gif'); return true;" onmouseup="changeImages('DIV_NEW_03', 'images/DIV-NEW_03-over.gif'); return true;"> <img name="DIV_NEW_03" src="images/DIV-NEW_03.gif" width="118" height="48" border="0" alt=""></a></td> <td rowspan="2"> <img src="images/DIV-NEW_04.gif" width="2" height="490" alt=""></td> <td> <a href="#" onmouseover="changeImages('DIV_NEW_05', 'images/DIV-NEW_05-over.gif'); return true;" onmouseout="changeImages('DIV_NEW_05', 'images/DIV-NEW_05.gif'); return true;" onmousedown="changeImages('DIV_NEW_05', 'images/DIV-NEW_05-over.gif'); return true;" onmouseup="changeImages('DIV_NEW_05', 'images/DIV-NEW_05-over.gif'); return true;"> <img name="DIV_NEW_05" src="images/DIV-NEW_05.gif" width="118" height="48" border="0" alt=""></a></td> <td rowspan="2"> <img src="images/DIV-NEW_06.gif" width="2" height="490" alt=""></td> <td> <a href="#" onmouseover="changeImages('DIV_NEW_07', 'images/DIV-NEW_07-over.gif'); return true;" onmouseout="changeImages('DIV_NEW_07', 'images/DIV-NEW_07.gif'); return true;" onmousedown="changeImages('DIV_NEW_07', 'images/DIV-NEW_07-over.gif'); return true;" onmouseup="changeImages('DIV_NEW_07', 'images/DIV-NEW_07-over.gif'); return true;"> <img name="DIV_NEW_07" src="images/DIV-NEW_07.gif" width="117" height="48" border="0" alt=""></a></td> <td rowspan="2"> <img src="images/DIV-NEW_08.gif" width="3" height="490" alt=""></td> <td> <a href="#" onmouseover="changeImages('DIV_NEW_09', 'images/DIV-NEW_09-over.gif'); return true;" onmouseout="changeImages('DIV_NEW_09', 'images/DIV-NEW_09.gif'); return true;" onmousedown="changeImages('DIV_NEW_09', 'images/DIV-NEW_09-over.gif'); return true;" onmouseup="changeImages('DIV_NEW_09', 'images/DIV-NEW_09-over.gif'); return true;"> <img name="DIV_NEW_09" src="images/DIV-NEW_09.gif" width="118" height="48" border="0" alt=""></a></td> <td rowspan="2"> <img src="images/DIV-NEW_10.gif" width="2" height="490" alt=""></td> <td> <a href="#" onmouseover="changeImages('DIV_NEW_11', 'images/DIV-NEW_11-over.gif'); return true;" onmouseout="changeImages('DIV_NEW_11', 'images/DIV-NEW_11.gif'); return true;" onmousedown="changeImages('DIV_NEW_11', 'images/DIV-NEW_11-over.gif'); return true;" onmouseup="changeImages('DIV_NEW_11', 'images/DIV-NEW_11-over.gif'); return true;"> <img name="DIV_NEW_11" src="images/DIV-NEW_11.gif" width="118" height="48" border="0" alt=""></a></td> <td rowspan="2"> <img src="images/DIV-NEW_12.gif" width="102" height="490" alt=""></td> </tr> <tr> <td> <img src="images/DIV-NEW_13.gif" width="118" height="442" alt=""></td> <td> <img src="images/DIV-NEW_14.gif" width="118" height="442" alt=""></td> <td> <img src="images/DIV-NEW_15.gif" width="117" height="442" alt=""></td> <td> <img src="images/DIV-NEW_16.gif" width="118" height="442" alt=""></td> <td> <img src="images/DIV-NEW_17.gif" width="118" height="442" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> In my current layout, i have it mapped and ive got the links set up in that too. So i tried and put this under those codes but it covers em' and i tried a load of mix and match. Can you guys plz tell me what part of that code i need to use, change or if im suppose to use all of it? If anything, is there another way I can make a rollover? Thank you so much in advance. Sincerely, Sergio. |
|
|
|
|
Jun 6 2006, 12:57 AM
Post
#2
|
|
|
Freelance Graphic Designer Group: Member Posts: 98 Joined: May 2006 Member No: 415,447 |
bump >.>
|
|
|
|
|
Jun 6 2006, 01:51 AM
Post
#3
|
|
 Senior Member Group: Duplicate Posts: 1,912 Joined: May 2005 Member No: 137,527 |
I don't think it's possible to use image rollovers in myspace, I will check for you though. Just wanted you to be updated.
|
|
|
|
|
Jun 6 2006, 09:17 AM
Post
#4
|
|
 Fuck you Group: Member Posts: 244 Joined: Nov 2005 Member No: 302,735 |
click here
|
|
|
|
|
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: