I can successfully create a rollover image in ImageReady, which by default has the .PSD file extension. If I then convert this to a GIF file (ready to import into a MS Publisher doc, which I use for web page creation) the rollover properties dissapear. Any help appreciated.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Rollover images
- Thread starter sacsac
- Start date
You should be using File > Save Optimized As... in ImageReady. Then you export the entire file, HTML included. The GIF file format doesn't include rollover information - that is usually a little JavaScript code that loads two versions of your image and swaps them whenever the mouse is over it. When you save the HTML file along with your images, you will have everything you need to create rollovers. Whether MS Publisher can handle the information correctly, though, is another issue...
- Thread starter
- #3
u can use something else to generate the JavaScript and just make two images in IR.
here is a script from DW:
------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#"
!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?")>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById; return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('image2.jpg')">
<a href="go_here.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','image2.jpg',1)"><img name="Image1" border="0" src="image1.jpg"></a>
</body>
</html>
--------------------------------------------
or just use IR and do as suggested!
here is a script from DW:
------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#"
!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"
)>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById
; return x;}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('image2.jpg')">
<a href="go_here.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','image2.jpg',1)"><img name="Image1" border="0" src="image1.jpg"></a>
</body>
</html>
--------------------------------------------
or just use IR and do as suggested!
- Thread starter
- #5
Hi sacsac !
sure thing man , use what suits you....DW generates this with one click...all I did is specify the images
===================================
<a href="go_here.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','image2.jpg',1)"><img name="Image1" border="0" src="image1.jpg"></a>
==================================
just thought u might like to have an alternative.
All the best!
sure thing man , use what suits you....DW generates this with one click...all I did is specify the images
===================================
<a href="go_here.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','image2.jpg',1)"><img name="Image1" border="0" src="image1.jpg"></a>
==================================
just thought u might like to have an alternative.
All the best!
- Status
Similar threads
