Puede funcionar este código sin comillas?

[aRojilla]

Hola,

Tengo que hacer un rollover y he encontrado un código muy sencillo:

Código HTML:

<img src="foto-h4.gif" onmouseover="this.src='nikon-logo.gif'" onmouseout="this.src='foto-h4.gif'"> 

El problema es que tengo que insertar este código en un script PHP y me da problemas con las comillas. Si no las capo, es decir, las dejo tal cual, me da un error, pero si las capo, es decir, les añado una barra invertida delante (\'), el error desaparece pero el rollover sólo me funciona en algunas imágenes.

En fin, que no es una pregunta de PHP, sino que quiero saber si es posible quitar las comillas (de momento si las quito el rollover no funciona) o sustituirlas por otro signo o hacer el rollover de otra forma.

Por desgracia no se me ocurre de qué otra forma hacerlo puesto que usando capas (layers) sólo sé hacerlo asignando id's a las imágenes, pero en este caso no puedo hacerlo pués las imágenes vienen aleatoriamente...

Bueno, si alguien me puede aconsejar o conoce otro método para conseguir lo que quiero, se lo agradecería mucho.

Aquí se puede ver lo que busco:

http://terra.es/personal7/zacatua/test/index.html

En este caso es sólo una prueba y se trata de html escrito a mano, y el rollover funciona perfectamente. El problema es el que he mencionado: a la hora de meter el código en el script...

¿Alguna idea?

[Wanito]

No se... has probado cambiando las comillas dobles por comillas simples y has eliminado las simples???
algo asi te tendria que quedar si lo has insertado en un script php:

Código PHP:

  echo "<img src='foto-h4.gif' onmouseover='this.src=nikon-logo.gif' onmouseout='this.src=foto-h4.gif'>"; 
   

Pruébalo y ya me cuentas

[KarlanKas]

Pon en el head:

<script>
var fotoOn="nikon-logo.gif";
var fotoOff="foto-h4.gif";
</script>

Y luego en el código:

<img src="foto-h4.gif" onmouseover="this.src=fotoOn" onmouseout="this.src=fotoOff">

Aunque yo creo que no debería darte problema lo de abajo:

echo "<img src=\"foto-h4.gif\" onmouseover=\"this.src='nikon-logo.gif'\" onmouseout=\"this.src='foto-h4.gif'\">";

[aRojilla]

Iniciado por Wanito

No se... has probado cambiando las comillas dobles por comillas simples y has eliminado las simples???
algo asi te tendria que quedar si lo has insertado en un script php:

Código PHP:

  echo "<img src='foto-h4.gif' onmouseover='this.src=nikon-logo.gif' onmouseout='this.src=foto-h4.gif'>"; 
   

Pruébalo y ya me cuentas

Hola Wanito, gracias por contestar!

Lamentablemente, no puedo usar comillas simples de ninguna forma porque tengo algún conflicto con alguna variable registrada no sé dónde... Así que si quiero que el rollover funcione, tengo que olvidarme de ellas...

Gracias y un abrazo!

[aRojilla]

Iniciado por KarlanKas

[font=courier new]Pon en el head:

<script>
var fotoOn="nikon-logo.gif";
var fotoOff="foto-h4.gif";
</script>

Hola Karlankas, gracias por la respuesta!

Ya había probado con eso, pero tampoco puedo poner nada en la cabecera porque carga en un template diferente y no puedo definir todas las fotos que cargan...

En fin, muchas gracias por tu respuesta, y a todos. Un saludo!

[KarlanKas]

Hay una opción, pero no funciona en todos los navegadores... pon:


echo '<img src="foto-h4.gif" encendido="nikon-logo.gif" apagado="foto-h4.gif" onmouseover="this.src=this.encendido" onmouseout="this.src=this.apagado">';

Creo que en los últimos funciona.

Un saludo!

[aRojilla]

Hola de nuevo Karlakas, y muchas gracias otra vez!

Como era de esperar, IE se lo ha tragado, pero con Firefox no cuela... Y ya sé que Explorer es el más extendido, pero no me gustaría dejar a nadie fuera...

Así que nada, abandono la idea porque veo que no hay manera. A ver si con el tiempo (meses) voy depurando el código y encuentor el problema que me impide usar las comillas simples... Como último recurso voy a esperar a que alguien me oriente en el foro de CSS (porque con estilos y capas casi consigo el mismo efecto), pero si tampoco se puede o nadie sabe darme una respuesta, pués nada, a otra cosa mariposa, y mira que es algo esencial en mi sitio... En fin, así son las cosas...

Muchas, muchas gracias por tu interés, tu tiempo y tu ayuda, de verdad que te lo agredezco!

Un saludazo y hasta otra!

[caricatos]

Hola a todos:

Puedes probar renombrando la imagen evitando el carácter "-" Es probable que los navegadores lo interpreten como un cálculo... ... tal vez si lo reemplazases por un guión bajo "_" podría colar en alguna de las respuestas que te han dado.

Saludos