Saludos
Encontre este script, que cuando pasas el raton sobre la imagen, se desplega una imagen más grande:
<style type="text/css">
<!--
#main li { margin-left: -2.5em; list-style: square inside; }
#indices { width: 438px; }
#portada_impresa { display: none; z-index: auto; left: 130px; top: 60px; position: absolute; border: thick solid black; }
-->
</style>
<script type="text/JavaScript">
<!--
function mostrar_portada() {
if (document.getElementById)
document.getElementById("portada_impresa").style.d isplay = "block";
}
function ocultar_portada() {
if (document.getElementById)
document.getElementById("portada_impresa").style.d isplay = "none";
}
-->
</script>
<img src="" alt="" title="" width="" border="" onmouseover="mostrar_portada();" onmouseout="ocultar_portada();">
<img id="portada_impresa" src="" alt="" width="" border="">
_____________________
Entonces quise aplicarlo para todas las imagenes que suba a mi web. Pero resulta que el mayor impedimento es la ID de la imagen: "portada_impresa". Mi web usa PHP. inserte una nueva variable para cada id de cada imagen: $imgname. Asi cada vez que subo una nueva imagen, me da una diferente ID. Esto funciona muy bien. El problema que tengo es que el script no reconoce la variable de PHP.
Ya estuve revisando distinta información, pero aun no consigo que el script funcione. este es:
<style type="text/css">
<!--
#main li { margin-left: -2.5em; list-style: square inside; }
#indices { width: 438px; }
#imgname { display: none; z-index: auto; left: 130px; top: 60px; position: absolute; border: thick solid black; }
-->
</style>
<script type="text/JavaScript">
var imgname = imgname("<?php echo '$imgname'; ?>");
function mostrar_portada() {
if (document.getElementById)
document.getElementById('imgname').style.display = "block";
}
function ocultar_portada() {
if (document.getElementById)
document.getElementById('imgname').style.display = "none";
}
</script>
<img id="$imgname" src="" alt="" width="" border="">
<img src="" alt="" title="" width="" border="" onmouseover="mostrar_portada();" onmouseout="ocultar_portada();">
_________
estoy aprendiendo PHP y no se mucho de javascript. Alguien podría ayudarme.
Muchas Gracias
Imox