Foros del Web » Creando para Internet » Diseño Gráfico »

Problema con Roll Over de PhotoShop

Estas en el tema de Problema con Roll Over de PhotoShop en el foro de Diseño Gráfico en Foros del Web. hola , como les va, quisiera pedirles ayuda. acabo de aprender como hacer rollover en botones , en photo shop , cuando se guarda el ...
  #1 (permalink)  
Antiguo 15/04/2004, 22:12
Avatar de aprendiz_82  
Fecha de Ingreso: diciembre-2002
Ubicación: algun lugar....
Mensajes: 535
Antigüedad: 15 años
Puntos: 0
Problema con Roll Over de PhotoShop

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.
__________________
El Poder De Uno , El Poder De Todos:pirata:
Que Pasa
Femenina Online
  #2 (permalink)  
Antiguo 16/04/2004, 06:25
Avatar de scanjet  
Fecha de Ingreso: diciembre-2002
Ubicación: Tenerife - Islas Canarias
Mensajes: 575
Antigüedad: 15 años
Puntos: 2
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
__________________
El conocimiento no ocupa lugar, pero mi base de datos se desborda...
Estudio SJ - Portal de Noticias y Recursos de Diseño Grafico
  #3 (permalink)  
Antiguo 16/04/2004, 18:23
Avatar de aprendiz_82  
Fecha de Ingreso: diciembre-2002
Ubicación: algun lugar....
Mensajes: 535
Antigüedad: 15 años
Puntos: 0
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!
__________________
El Poder De Uno , El Poder De Todos:pirata:
Que Pasa
Femenina Online
  #4 (permalink)  
Antiguo 17/04/2004, 07:01
Avatar de scanjet  
Fecha de Ingreso: diciembre-2002
Ubicación: Tenerife - Islas Canarias
Mensajes: 575
Antigüedad: 15 años
Puntos: 2
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.
__________________
El conocimiento no ocupa lugar, pero mi base de datos se desborda...
Estudio SJ - Portal de Noticias y Recursos de Diseño Grafico
  #5 (permalink)  
Antiguo 17/04/2004, 11:15
Avatar de aprendiz_82  
Fecha de Ingreso: diciembre-2002
Ubicación: algun lugar....
Mensajes: 535
Antigüedad: 15 años
Puntos: 0
ok, muchas gracias!
__________________
El Poder De Uno , El Poder De Todos:pirata:
Que Pasa
Femenina Online
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:23.