Log In · Register

 
 
 Closed TopicStart new topic
Myspace + ImageReady, codes work?
cherry_starr
post Oct 31 2007, 09:56 PM
Post #1


Senior Member
***

Group: Member
Posts: 43
Joined: Feb 2006
Member No: 370,127
I made a nice rollover menu in ImageReady, the menu works, other than the fact that when i hover over the options, the rollover images don't show up. Does this mean it is not possible to use ImageReady generated image maps/rollover states in MySpace?
 
digitalfragrance
post Oct 31 2007, 10:00 PM
Post #2


Adobe Addict
******

Group: Staff Alumni
Posts: 1,237
Joined: Mar 2005
Member No: 113,043
Well I've never tried it, but can you post your coding so we can see what's going on?
 
cherry_starr
post Nov 2 2007, 11:09 AM
Post #3


Senior Member
***

Group: Member
Posts: 43
Joined: Feb 2006
Member No: 370,127
Ok, well now for some odd reason, the rollovers aren't even working before i upload it ):

This is the full layout code, minus the part of it to hide my profile:
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>: crushcrushcrush</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (menu.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) {
menu_Home_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home-over.gif");
menu_Add_Me_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me-over.gif");
menu_Pictures_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures-over.gif");
menu_Friends_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends-over.gif");
menu_Message_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message-over.gif");
menu_Blog_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog-over.gif");
menu_Block_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block-over.gif");
preloadFlag = true;
}
}

// -->
</script>
<!-- End Preload Script -->
</head>

<body background="http://i46.photobucket.com/albums/f103/cherrystarr_/stripe2.png">
<div id="Base" style="position:absolute; left:344px; top:152px; width:600px; height:550px; z-index:1; background-image: url(http://i46.photobucket.com/albums/f103/cherrystarr_/crush.png); layer-background-image: url(http://i46.photobucket.com/albums/f103/cherrystarr_/crush.png); border: 1px none #000000;">
</div>
<div id="Menu" style="position:absolute; left:728px; top:276px; width:129px; height:172px; z-index:2">
<div align="center"><!-- ImageReady Slices (menu.psd) -->
<table id="Table_01" width="128" height="172" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"
onmouseover="changeImages('menu_Home', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home-over.gif'); return true;"
onmouseout="changeImages('menu_Home', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home.gif'); return true;"
onmousedown="changeImages('menu_Home', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home-over.gif'); return true;"
onmouseup="changeImages('menu_Home', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home-over.gif'); return true;">
<img name="menu_Home" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home.gif" width="128" height="25" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=30184701&public=0"
onmouseover="changeImages('menu_Add_Me', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me-over.gif'); return true;"
onmouseout="changeImages('menu_Add_Me', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me.gif'); return true;"
onmousedown="changeImages('menu_Add_Me', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me-over.gif'); return true;"
onmouseup="changeImages('menu_Add_Me', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me-over.gif'); return true;">
<img name="menu_Add_Me" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me.gif" width="128" height="24" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=30184701"
onmouseover="changeImages('menu_Pictures', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures-over.gif'); return true;"
onmouseout="changeImages('menu_Pictures', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures.gif'); return true;"
onmousedown="changeImages('menu_Pictures', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures-over.gif'); return true;"
onmouseup="changeImages('menu_Pictures', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures-over.gif'); return true;">
<img name="menu_Pictures" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures.gif" width="128" height="24" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="images/menu_Blank.gif" width="128" height="1" alt=""></td>
</tr>
<tr>
<td>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=30184701"
onmouseover="changeImages('menu_Friends', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends-over.gif'); return true;"
onmouseout="changeImages('menu_Friends', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends.gif'); return true;"
onmousedown="changeImages('menu_Friends', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends-over.gif'); return true;"
onmouseup="changeImages('menu_Friends', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends-over.gif'); return true;">
<img name="menu_Friends" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends.gif" width="128" height="24" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=30184701&MyToken=64ba3f1e-5763-4df7-99cf-56561648cf14"
onmouseover="changeImages('menu_Message', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message-over.gif'); return true;"
onmouseout="changeImages('menu_Message', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message.gif'); return true;"
onmousedown="changeImages('menu_Message', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message-over.gif'); return true;"
onmouseup="changeImages('menu_Message', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message-over.gif'); return true;">
<img name="menu_Message" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message.gif" width="128" height="24" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=30184701"
onmouseover="changeImages('menu_Blog', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog-over.gif'); return true;"
onmouseout="changeImages('menu_Blog', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog.gif'); return true;"
onmousedown="changeImages('menu_Blog', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog-over.gif'); return true;"
onmouseup="changeImages('menu_Blog', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog-over.gif'); return true;">
<img name="menu_Blog" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog.gif" width="128" height="23" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=30184701"
onmouseover="changeImages('menu_Block', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block-over.gif'); return true;"
onmouseout="changeImages('menu_Block', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block.gif'); return true;"
onmousedown="changeImages('menu_Block', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block-over.gif'); return true;"
onmouseup="changeImages('menu_Block', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block-over.gif'); return true;">
<img name="menu_Block" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block.gif" width="128" height="24" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_09.gif" width="128" height="3" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices --></div>
</div>
<div id="Layer1" style="position:absolute; left:405px; top:265px; width:228px; height:384px; z-index:3">
<p>blah blah bllaahhhh</p>
<p>stuff goes here :)</p>
</div>
</body>
</html>


And this is the code for just the menu, which seems to be working when it's by itself:
CODE
<html>
<head>
<title>menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (menu.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) {
menu_Home_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home-over.gif");
menu_Add_Me_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me-over.gif");
menu_Pictures_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures-over.gif");
menu_Friends_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends-over.gif");
menu_Message_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message-over.gif");
menu_Blog_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog-over.gif");
menu_Block_over = newImage("http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block-over.gif");
preloadFlag = true;
}
}

// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (menu.psd) -->
<table id="Table_01" width="128" height="172" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"
onmouseover="changeImages('menu_Home', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home-over.gif'); return true;"
onmouseout="changeImages('menu_Home', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home.gif'); return true;"
onmousedown="changeImages('menu_Home', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home-over.gif'); return true;"
onmouseup="changeImages('menu_Home', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home-over.gif'); return true;">
<img name="menu_Home" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Home.gif" width="128" height="25" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=30184701&public=0"
onmouseover="changeImages('menu_Add_Me', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me-over.gif'); return true;"
onmouseout="changeImages('menu_Add_Me', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me.gif'); return true;"
onmousedown="changeImages('menu_Add_Me', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me-over.gif'); return true;"
onmouseup="changeImages('menu_Add_Me', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me-over.gif'); return true;">
<img name="menu_Add_Me" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Add-Me.gif" width="128" height="24" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=30184701"
onmouseover="changeImages('menu_Pictures', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures-over.gif'); return true;"
onmouseout="changeImages('menu_Pictures', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures.gif'); return true;"
onmousedown="changeImages('menu_Pictures', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures-over.gif'); return true;"
onmouseup="changeImages('menu_Pictures', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures-over.gif'); return true;">
<img name="menu_Pictures" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Pictures.gif" width="128" height="24" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="images/menu_Blank.gif" width="128" height="1" alt=""></td>
</tr>
<tr>
<td>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=30184701"
onmouseover="changeImages('menu_Friends', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends-over.gif'); return true;"
onmouseout="changeImages('menu_Friends', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends.gif'); return true;"
onmousedown="changeImages('menu_Friends', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends-over.gif'); return true;"
onmouseup="changeImages('menu_Friends', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends-over.gif'); return true;">
<img name="menu_Friends" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Friends.gif" width="128" height="24" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=30184701&MyToken=64ba3f1e-5763-4df7-99cf-56561648cf14"
onmouseover="changeImages('menu_Message', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message-over.gif'); return true;"
onmouseout="changeImages('menu_Message', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message.gif'); return true;"
onmousedown="changeImages('menu_Message', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message-over.gif'); return true;"
onmouseup="changeImages('menu_Message', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message-over.gif'); return true;">
<img name="menu_Message" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Message.gif" width="128" height="24" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=30184701"
onmouseover="changeImages('menu_Blog', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog-over.gif'); return true;"
onmouseout="changeImages('menu_Blog', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog.gif'); return true;"
onmousedown="changeImages('menu_Blog', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog-over.gif'); return true;"
onmouseup="changeImages('menu_Blog', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog-over.gif'); return true;">
<img name="menu_Blog" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Blog.gif" width="128" height="23" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=30184701"
onmouseover="changeImages('menu_Block', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block-over.gif'); return true;"
onmouseout="changeImages('menu_Block', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block.gif'); return true;"
onmousedown="changeImages('menu_Block', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block-over.gif'); return true;"
onmouseup="changeImages('menu_Block', 'http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block-over.gif'); return true;">
<img name="menu_Block" src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_Block.gif" width="128" height="24" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<img src="http://i46.photobucket.com/albums/f103/cherrystarr_/menu_09.gif" width="128" height="3" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
 
digitalfragrance
post Nov 2 2007, 03:53 PM
Post #4


Adobe Addict
******

Group: Staff Alumni
Posts: 1,237
Joined: Mar 2005
Member No: 113,043
As far the rollover codes, I think the problem might lie with the HTML and HEAD tags. Try getting rid of those and see what happens.
 
cherry_starr
post Nov 2 2007, 08:35 PM
Post #5


Senior Member
***

Group: Member
Posts: 43
Joined: Feb 2006
Member No: 370,127
Well no matter whether the head/html tags are in there or not the navigation links aren't showing up on the profile ):

 
« Next Oldest · Myspace Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic