rollover

muy buenas, a ver si podeis echarme una mano, vereis, he hecho un rollover en image ready, y cuando lo guardas, el programaguarda las 2 imagenes inanimadas en una carpeta, y un html q genera el efecto rollover, si mal no me equivoco, (no se mucho de estos temas), un rollover es un script, bueno, el caso es q esa imagen es un boton para un foro (php), pero por mas q lo intentamos no conseguimos meter el efecto de rollover al foro.

sabria alguien decirme como se hace???

muchas gracias de ante mano.

 

A ver si puedo hecharte una mano

Doy por supuesto que podeís modificar el código del foro, vamos a ello:

<b>La Precarga</b>:

Es muy importante en los rollover llevar a cabo la precarga de las imagenes que van a ser usadas en segundo plano, pues sino se deberían de cargar cuando pasaras el ratón por la zona de rollover, con el consiguiente lag en la carga.

El image ready crea el código de precarga en la cabezera, y como muy bien dices lo hace mediante un script:

<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].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
boton_over = newImage("images/boton_up.jpg");
preloadFlag = true;
}
}

// -->
</SCRIPT>

Debes copiar este codigo de la cabezera que te genero el image ready a la cabezera de tu página del foro.

<b>El Rollover</b>

Para el efecto rollover crea el código en el cuerpo de la página, te aparecerá algo como esto:

<TD> <A HREF="enlace_boton.htm"
ONMOUSEOVER="changeImages('boton', 'images/boton_up.jpg'); return true;"
ONMOUSEOUT="changeImages('boton', 'images/boton.jpg'); return true;">
<IMG NAME="boton" SRC="images/boton.jpg" WIDTH=74 HEIGHT=30 BORDER=0 ALT=""></A></TD>

Es hacer lo mismo que antes, copiar y pegar, esta vez en el cuerpo y en la posición donde tenga que ir colocado el botón.

Espero poder haberte ayudado, te he descrito la manera de pasar lo que ya tiene hecho a otra página, pero tambien se pueden hacer los rollover de otras maneras.

Suerte y ya mostraras como queda el foro.

 

muchisimas gracias marcaje, supongo q con esto nos apañaremos, si nos atrancamos en algo ya te pregunto, sino te importa, aunq esta perfectamente explicado...

muchisimas gracias.

 

puedess usar dreamweaver

hola scourt... pues creo qeu taqmbien puedes utilizar solamente las imagenes que hiciste Imagen ready .y utilizar dreamweaver para havcer el script de rollover.. en
insert >> dinamic images >> rollover
de alli te aparece un cuadro bien intuitivo qeu no es dificil descifrar.. t te genera un codigo ...

ahora creo si puedes directamente abrir el php en dreamweaver e insertar los rollovers en modo grafico.. teneindo el cuoidado de salvar siempre con extension php por supuesto..jaja..

suerte..

 

pues tb lo tendre en cuenta, gracias otherme.