Problema con Roll Over de PhotoShop

[aprendiz_82]

hola , como les va, quisiera pedirles ayuda.
acabo de aprender como hacer rollover en botones , en photo shop , cuando se guarda el proyecto se guarda el archivo html y las imagenes gif , en el archivo html va un codigo para crear el efecto, pero el codigo es bastante largo y solo es para un boton.

mi pregunta es: debo poner ese gran codigo para cada boton si quisiera hacer un menu? , o hay alguna manera de solucionar ese inconveniente?

no pongo el codigo porque supongo que aqui hay muchos con experiencia en photoshop y deben saber de que estoy hablando , pero si necesitan verlo solo avisenme y lo pondre.

de antemano muchas gracias.

[scanjet]

en priciipio, mejor será que lo pongas para hacernos al caso.

teóricamente, lo que nos cuentas, el RollOver, el código es un javascript, pues entonces, ese "script" se define UNA VEZ en el HEAD del documento y luego se le hace la llamada mediante el <a href=javascript*******> en el BODY en la linea donde insertes el botón, si hay más botones sólo has de hacer la llamada denuevo, la función, el script en este caso ya está definido.

Espero no te enrolles más con mi explicacion, je je je

[aprendiz_82]

bueno , aqui va el codigo que se me genera al guardar el proyecto:

esto va entre las head:

<!-- ImageReady Preload Script (Untitled-1) -->
<SCRIPT LANGUAGE="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) {
boton_01_over = newImage("images/boton_01-over.gif");
preloadFlag = true;
}
}

// -->
</SCRIPT>
<!-- End Preload Script -->



y esto va en el body y es solo para un boton:


<!-- ImageReady Slices (Untitled-1) -->

<A HREF="probando css.html"
ONMOUSEOVER="changeImages('boton_01', 'images/boton_01-over.gif'); return true;"
ONMOUSEOUT="changeImages('boton_01', 'images/boton_01.gif'); return true;">
<IMG NAME="boton_01" SRC="images/boton_01.gif" WIDTH=88 HEIGHT=33 BORDER=0>
</A>

<!-- End ImageReady Slices -->


espero me puedan decir como simplificar esto!

[scanjet]

lo que te comente eanteriormente,

en el HEAD defines:

<SCRIPT LANGUAGE="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) {
boton_01_over = newImage("images/boton_01-over.gif");
preloadFlag = true;
}
}

// -->
</SCRIPT>

______________________-


luego en cada botón sólo añades:

<A HREF="probando css.html"
ONMOUSEOVER="changeImages('boton_01', 'images/boton_01-over.gif'); return true;"
ONMOUSEOUT="changeImages('boton_01', 'images/boton_01.gif'); return true;">
<IMG NAME="boton_01" SRC="images/boton_01.gif" WIDTH=88 HEIGHT=33 BORDER=0>
</A>

y en el siguiente botón denuevo:

<A HREF="probando css.html"
ONMOUSEOVER="changeImages('boton_01', 'images/boton_01-over.gif'); return true;"
ONMOUSEOUT="changeImages('boton_01', 'images/boton_01.gif'); return true;">
<IMG NAME="boton_01" SRC="images/boton_01.gif" WIDTH=88 HEIGHT=33 BORDER=0>
</A>


no tienes que repetir el script del head.

[aprendiz_82]

ok, muchas gracias!