Gracias, lo que escribes funciona, pero no es eso lo que quiero. Mira la onda es que no puede haber dos imágenes con el mismo ID="portada_impresa". Manualmente se puede así: portada_impresa1, portada_impresa2, portada_impresa3.... pero yo quiero que esto funcione automáticamente. te explico.
el blog que uso esta en php. En la base de datos agregue un nuevo valor $imgname. Cada vez que agrego una nueva imagen al servidor, automáticamente se le asigna una ID, que es el nombre de la imagen. pj. sol.jpg, En eso como te digo no hay ningún problema. Cuando le das publicar articulo, en la página principal aparece el titulo, el autor, la fecha, la categoría y la imagen con una id asignada. Aqui es donde entra la cuestion del script pues éste no reconoce de manera automática el valor de la variable $imgname. me entiendes. como no la reconoce el script no funciona.
Entonces mi pregunta era cómo hacer para que el script reconozca el valor asignado: la ID de la imagen. Pero además que funcione con varias imagenes a la vez: var imgname = imgname("<?php echo '$imgname'; ?>");
checa bien el script:
<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();">
cómo ves?
gracias de nuevo.