Foros del Web - Ver Mensaje Individual

emprear · #6 (**permalink**) 11/04/2013, 15:21

Puesto como está tampoco dice mucho, hablás tanto de reemplazar un src como de ocultar un div, pero en ningún lugar aparecen definidos dichos elementos ni como están distribuidos y posicionados.

Fijate

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
<style type="text/css">
/*<![CDATA[*/
.miniatura{
cursor: pointer;
width: 100px;
height: 100px;
}
#miniaturas, #visor{
float:left;
}
#miniaturas{
margin-right: 15px;
}
#visor{
border: solid 1px #241A17;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function cambiar(f){
document.getElementById("fotoactual").src=f.alt;
document.getElementById("fotoactual").title=f.title;
}
//]]>
</script>
</head>
<body>
<div>
<div id="miniaturas">
<img class="miniatura" src="https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/casablanca-250x350.jpg" alt="https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/casablanca-500x700.jpg" onclick="cambiar(this);" title="Casablanca" /><br /> 
<img class="miniatura"  src="https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/forrest-gump-250x350.jpg" alt="https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/forrest-gump-500x700.jpg" onclick="cambiar(this);" title="Forrest Gump" /><br /> 
<img class="miniatura" src="https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/lo-que-el-viento-250x350.jpg" alt="https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/isabelM/img/lo-que-el-viento-500x700.jpg" onclick="cambiar(this);" title="Lo que el viento se llevó" /><br />
</div>
<div id="visor">
<img id="fotoactual" width="500" height="700" alt="" src="https://googledrive.com/host/0B5cDQ-G3aVMQMkdaelNsdTZ6TDQ/img/transparente.gif"/>
</div>
</div>
</body>
</html>

Habría que mejorarlo creando el array de imágenes, agregando las miniaturas dinamicamente y haciendo un addEventListener para agregar la función cambiar a las miniaturas.

Sigo sin entender mucho la idea

SAludos