Hola Pepe,
sigo buscando y dandole vueltas pero no encuentro el error. he mirado mi código y todas las provincias tienen la case oculto como tu dices. lo que pasa que dentro del mapa, no se donde se especifica que la ultima imagen sea trnasparente y abarque toda la capa contenedor estando asociada al map. pero si lo previsualizo en dreamweaver, ese mismo codigo hace su funcion. Es al copiar y pegar en joompla, cuando no la hace.
es muy raro, porque ne dreamweaver el html funciona, y en ar artículo pasa lo de las fotos. te dejo de todos modos el trozo de código involucrado a ver si tu logras verlo, pero es que yo no le veo fallo... esta bien. Solo que no se porque en Dw funciona y en joomla no :S
<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>
Vista previa
</title>
<style type="text/css">
* {
margin: 0;
paddin: 0;
}
h1 {
background: #eeeeee url(../dibujos/emoticon.gif) no-repeat 2% 50%;
text-align: center
}
#contenedor {
position: relative;
margin: auto;
width: 627px;
height: 573px;
background-image: url(../dibujos/_grid.gif);
}
.efecto {
position: absolute;
top: 0;
left: 0;
}
.oculto {
visibility: hidden;
}
</style>
<script type="text/javascript">
function tag(id) {return document.getElementById(id);}
function mostrar(que) {tag(que).style.visibility = "visible";}
function ocultar(que) {tag(que).style.visibility = "hidden";}
</script>
<script type="text/javascript" src="userimages/Vista previa_files/op.js"></script><script type="text/javascript" src="userimages/Vista previa_files/otros.js"></script><script type="text/javascript" src="userimages/Vista previa_files/ads.js"></script></head><body>
<h1>
Vista previa
</h1>
<div id="contenedor">
<img src="userimages/Vista previa_files/imagen.png" alt="iamgen" class="efecto">
<img id="rollover_0" src="userimages/Vista previa_files/pngshape_036.png" class="efecto oculto" alt="figura">
<img id="rollover_1" src="userimages/Vista previa_files/pngshape_029.png" class="efecto oculto" alt="figura">
<img id="rollover_2" src="userimages/Vista previa_files/pngshape_009.png" class="efecto oculto" alt="figura">
<img id="rollover_3" src="userimages/Vista previa_files/pngshape_032.png" class="efecto oculto" alt="figura" style="visibility: visible;">
<img id="rollover_4" src="userimages/Vista previa_files/pngshape_046.png" class="efecto oculto" alt="figura">
<img id="rollover_5" src="userimages/Vista previa_files/pngshape_038.png" class="efecto oculto" alt="figura">
<img id="rollover_6" src="userimages/Vista previa_files/pngshape_003.png" class="efecto oculto" alt="figura">
<img id="rollover_7" src="userimages/Vista previa_files/pngshape_024.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_8" src="userimages/Vista previa_files/pngshape_007.png" class="efecto oculto" alt="figura">
<img id="rollover_9" src="userimages/Vista previa_files/pngshape_050.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_10" src="userimages/Vista previa_files/pngshape_048.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_11" src="userimages/Vista previa_files/pngshape_021.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_12" src="userimages/Vista previa_files/pngshape_014.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_13" src="userimages/Vista previa_files/pngshape_033.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_14" src="userimages/Vista previa_files/pngshape_051.png" class="efecto oculto" alt="figura">
<img id="rollover_15" src="userimages/Vista previa_files/pngshape_026.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_16" src="userimages/Vista previa_files/pngshape_019.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_17" src="userimages/Vista previa_files/pngshape_006.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_18" src="userimages/Vista previa_files/pngshape_020.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_19" src="userimages/Vista previa_files/pngshape_008.png" class="efecto oculto" alt="figura">
<img id="rollover_20" src="userimages/Vista previa_files/pngshape_035.png" class="efecto oculto" alt="figura" style="visibility: hidden;">
<img id="rollover_21" src="userimages/Vista previa_files/pngshape_028.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_22" src="userimages/Vista previa_files/pngshape.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_23" src="userimages/Vista previa_files/pngshape_034.png" class="efecto oculto" alt="figura">
<img id="rollover_24" src="userimages/Vista previa_files/pngshape_037.png" class="efecto oculto" alt="figura" style="visibility: hidden;">
<img style="visibility: hidden;" id="rollover_25" src="userimages/Vista previa_files/pngshape_017.png" class="efecto oculto" alt="figura">
<img id="rollover_26" src="userimages/Vista previa_files/pngshape_022.png" class="efecto oculto" alt="figura" style="visibility: hidden;">
<img id="rollover_27" src="userimages/Vista previa_files/pngshape_010.png" class="efecto oculto" alt="figura" style="visibility: hidden;">
<img id="rollover_28" src="userimages/Vista previa_files/pngshape_030.png" class="efecto oculto" alt="figura" style="visibility: hidden;">
<img style="visibility: hidden;" id="rollover_29" src="userimages/Vista previa_files/pngshape_044.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_30" src="userimages/Vista previa_files/pngshape_052.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_31" src="userimages/Vista previa_files/pngshape_025.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_32" src="userimages/Vista previa_files/pngshape_011.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_33" src="userimages/Vista previa_files/pngshape_031.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_34" src="userimages/Vista previa_files/pngshape_045.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_35" src="userimages/Vista previa_files/pngshape_042.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_36" src="userimages/Vista previa_files/pngshape_013.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_37" src="userimages/Vista previa_files/pngshape_004.png" class="efecto oculto" alt="figura">
<img id="rollover_38" src="userimages/Vista previa_files/pngshape_018.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_39" src="userimages/Vista previa_files/pngshape_041.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_40" src="userimages/Vista previa_files/pngshape_043.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_41" src="userimages/Vista previa_files/pngshape_049.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_42" src="userimages/Vista previa_files/pngshape_012.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_43" src="userimages/Vista previa_files/pngshape_047.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_44" src="userimages/Vista previa_files/pngshape_040.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_45" src="userimages/Vista previa_files/pngshape_023.png" class="efecto oculto" alt="figura">
<img id="rollover_46" src="userimages/Vista previa_files/pngshape_039.png" class="efecto oculto" alt="figura" style="visibility: hidden;">
<img style="visibility: hidden;" id="rollover_47" src="userimages/Vista previa_files/pngshape_016.png" class="efecto oculto" alt="figura">
<img id="rollover_48" src="userimages/Vista previa_files/pngshape_027.png" class="efecto oculto" alt="figura">
<img style="visibility: hidden;" id="rollover_49" src="userimages/Vista previa_files/pngshape_015.png" class="efecto oculto" alt="figura">
<img id="rollover_50" src="userimages/Vista previa_files/pngshape_005.png" class="efecto oculto" alt="figura">
<img id="rollover_51" src="userimages/Vista previa_files/pngshape_002.png" class="efecto oculto" alt="figura">
<img src="userimages/Vista previa_files/transpa.gif" alt="transparente" usemap="#mapa" class="efecto">
</div>
<map id="mapa" name="mapa">
<area shape="poly" coords="222,429,223,430,224,430,225,431,230,431,23 1,430,232,430,234,428,237,428,238,429,239,429,240, 430,239,431,239,432,238,433,238,434,239,435,239,43 9,238,440,238,441,239,442,239,443," href="javascript
:%20void(0)" onMouseOver="mostrar('rollover_0')" onMouseOut="ocultar('rollover_0')">
....
....
....
..... ( asi todas las areas / provincias )
</map>
<img src="userimages/Vista previa_files/inkanime9.png" style="display: none;"></body></html>
Un saludo, y gracias pro toda tu ayuda Pepe