delloptiplex
asked on
adobe imageready rollover affect problem
hifriends
i have made a button on which i have add a rollover affect in adoe image ready.
i saved the button as jpeg.
now whn i previw it in imageready,it is workin fine.but when i insert the image
into my table in dreamwevaer,it doesnt give the rollover affect.
when i previw in imageready,it also shows the java script.i have also inserted it in my page.
still no luck.can sumone help me on this.here is the imageready code followed b my html code where iam puttin the image.
imagready code
<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.l ength; i+=2) {
document[changeImages.argu ments[i]]. src = changeImages.arguments[i+1 ];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
home_01_over = newImage("images/home_01-o ver.jpg");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (home.html) -->
<A HREF="#"
ONMOUSEOVER="changeImages( 'home_01', 'images/home_01-over.jpg') ; return true;"
ONMOUSEOUT="changeImages(' home_01', 'images/home_01.jpg'); return true;">
<IMG NAME="home_01" SRC="images/home_01.jpg" WIDTH=164 HEIGHT=21 BORDER=0 ALT=""></A>
<!-- End ImageReady Slices -->
mycode
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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.l ength; i+=2) {
document[changeImages.argu ments[i]]. src = changeImages.arguments[i+1 ];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
home_01_over = newImage("images/home_01-o ver.jpg");
preloadFlag = true;
}
}
// -->
</SCRIPT>
</head>
<body bgcolor="#8AA5A7" text="#000000">
<div align = "center">
<table width="66%" border="0" cellspacing="0" cellpadding="0" height="540">
<tr>
<td width="24%" height="93" background="side1.jpg">&nb sp;</td>
<td width="76%" height="93" background="header.jpg">&n bsp;</td>
</tr>
<tr>
<td width="24%" bgcolor="#588390" valign="top">
<A HREF="#"
ONMOUSEOVER="changeImages( 'home_01', 'images/home_01-over.jpg') ; return true;"
ONMOUSEOUT="changeImages(' home_01', 'images/home_01.jpg'); return true;">
<IMG NAME="home_01" SRC="images/home_01.jpg" WIDTH=164 HEIGHT=21 BORDER=0 ALT=""></A>
<p> </p>
<p> </p>
</td>
<td width="76%"> </td>
</tr>
</table></div>
</body>
</html>
i have made a button on which i have add a rollover affect in adoe image ready.
i saved the button as jpeg.
now whn i previw it in imageready,it is workin fine.but when i insert the image
into my table in dreamwevaer,it doesnt give the rollover affect.
when i previw in imageready,it also shows the java script.i have also inserted it in my page.
still no luck.can sumone help me on this.here is the imageready code followed b my html code where iam puttin the image.
imagready code
<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.l
document[changeImages.argu
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
home_01_over = newImage("images/home_01-o
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (home.html) -->
<A HREF="#"
ONMOUSEOVER="changeImages(
ONMOUSEOUT="changeImages('
<IMG NAME="home_01" SRC="images/home_01.jpg" WIDTH=164 HEIGHT=21 BORDER=0 ALT=""></A>
<!-- End ImageReady Slices -->
mycode
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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.l
document[changeImages.argu
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
home_01_over = newImage("images/home_01-o
preloadFlag = true;
}
}
// -->
</SCRIPT>
</head>
<body bgcolor="#8AA5A7" text="#000000">
<div align = "center">
<table width="66%" border="0" cellspacing="0" cellpadding="0" height="540">
<tr>
<td width="24%" height="93" background="side1.jpg">&nb
<td width="76%" height="93" background="header.jpg">&n
</tr>
<tr>
<td width="24%" bgcolor="#588390" valign="top">
<A HREF="#"
ONMOUSEOVER="changeImages(
ONMOUSEOUT="changeImages('
<IMG NAME="home_01" SRC="images/home_01.jpg" WIDTH=164 HEIGHT=21 BORDER=0 ALT=""></A>
<p> </p>
<p> </p>
</td>
<td width="76%"> </td>
</tr>
</table></div>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
MaB