¿Cómo utilizar un parámetro en la función...?

[ludovico2000]

Hola, tengo las siguientes funciones para aplicarlas sobre diferentes imágenes:

<script>
function encender(img) {
document.'img'.src=(img + ".jpg");
};
</script>

<script>
function apagar(img) {
document.'img'.src=(img + "off.jpg");
};
</script>

Mi problema está en la parte en rojo: no logro que tome el valor de "img" para que la función se aplique a la imagen correspondiente (la llamada se hace a través de onmouseover y onmouseout en la fila (<tr>).

-COMPARTIENDO, MEJORAMOS TODOS-

[JavierB]

Hola, ludovico2000.

Te sobran las comillas:

document.img.src=(img + ".jpg");

Si sigue sin funcionarte intenta usar una variable que no coincida con una etiqueta HTML.

Saludos,

[eContento]

Hola,

en la siguiente URL tienes un artículo muy didáctico:
"Como crear un rollOver paso a paso"
http://e-contento.com/c_articulo.php?id=18

Es preferible que te lo leas. Te aclarará muchas ideas, y verás que no es necesario tener varias funciones para apagar y otras para encender, sino una única función que necesita dos parámetros, la imagen que vas a cambiar y por cuál la vas a cambiar.

Por otro lado, y aunque no me he leido las FAQs, estoy seguro que viene algún ejemplo de rollovers

[ludovico2000]

He quitado las comillas, y he visto el link, he probado todo lo que se me ha ocurrido en ambos casos, y nada de nada.

El problema está en la primera parte, ya que poniendo el name de la imagen a mano sí va, pero claro, lo útil sería una función para todas las imágenes.

Repito la función para ver si a alguien se le ocurre algo:

function argi(zein) {
document.zein.src=eval(zein+".jpg");
};
</script>

...<tr onmouseover="argi('../img/fotouno')"...>... ///Para que lo aplique a la fila
...<img name="../img/fotouno"...>... ///En la imagen para actúe sólo sobre la que me interesa en cada caso.


SOCORRITOOOOOOOOOOOO

-COMPARTIENDO MEJORAMOS TODOS-

[tunait]

Pero siempre ha de cambiar la misma imagen?

en tu función zein es una variable que toma el valor de lo que se le envía desde la llamada a la función.

Si le pides argi('../img/fotouno')">... la función interpretará esto

document.../img/fotouno.src='./img/fotouno.jpg'

y obviamente esta parte document.../img/fotouno.src='./img/fotouno.jpg' es sintácticamente incorrecta. Debes referenciar al name o al id de la imagen a la cual pretendas cambiar el src

[tunait]

Este name para la imagen img name="../img/fotouno" no es adecuado

Si quieres que la función actue sobre distintas imágenes cambiando a distintos src prueba algo tipo.....


function argi(zein,pepe) {
document.getElementById(pepe).src=eval(zein+".jpg" );
};
</script>

...<tr onmouseover="argi('../img/fotouno','miAfoto')"...>...
...<img id="miAfoto"...>...


Saludos a James Tiberius

[ludovico2000]

¡¡¡¡¡¡LO HISE!!!!! ¡¡¡¡¡¡LO HISE!!!!! ¡¡¡¡¡¡LO HISE!!!!! ¡¡¡¡¡¡LO HISE!!!!!

GRACIAS A TODOS, Y EN ESPECIAL A TUNAIT, QUE ME HA ENCAMINADO DEFINITIVAMENTE. Tunait, te sugiero que aclares todo este lío y lo publiques (tú que sabes más ) en las FAQ.

Solución:

<script>

function argi(zein) {
document.images[zein].src=("../img/"+zein+".jpg");
};
</script>

<script>
function ilun(zein) {
document.images[zein].src=("../img/"+zein+"off.jpg");
};
</script>

<tr ... onMouseOver="argi('mifoto')" onmouseout="ilun('mifoto')"...>
...
<img name="mifoto"...>

[En los tres sitios tiene que ser el mismo nombre "mifoto")

P.S.: He utilizado las palabras "argi", "ilun" y "zein" que en euskera (lengua vasca) significan "claro", "oscuro" y "cuál". Invito a evitar el inglés y utilizar cada uno su lengua. (Vaaale, yo tb he usado "off"...)


-COMPARTIENDO, MEJORAMOS TODOS-


P.S.: Tuanit, James T. Kirk agradece tus saludos.

[tunait]

Iniciado por ludovico2000

P.S.: Tuanit, James T. Kirk agradece tus saludos.

qué bien, ¿me firma un autógrafo?

Me alegra que lo solucionaras

un saludo