PDA

View Full Version : Magnify + gallery It's possible?



palo150
12-19-2010, 11:55 AM
Hi
I have put a script for a gallery of photos, but I would like to know how I can also apply the script magnify.
This is the gallery script
<script language="javascript">
//Array en la que debemos incluir
// la ruta a todas las imágenes de nuestro album
var finalglorieta10= new Array(15)
finalglorieta10 [0]= "001.jpg";
finalglorieta10 [1]= "002.jpg";
finalglorieta10 [2]= "003.jpg";
finalglorieta10 [3]= "004.jpg";
finalglorieta10 [4]= "005.jpg";
finalglorieta10 [5]= "006.jpg";
finalglorieta10 [6]= "007.jpg";
finalglorieta10 [7]= "008.jpg";
finalglorieta10 [8]= "009.jpg";
finalglorieta10 [9]= "010.jpg";
finalglorieta10 [10]= "011.jpg";
finalglorieta10 [11]= "012.jpg";
finalglorieta10 [12]= "013.jpg";
finalglorieta10 [13]= "014.jpg";
finalglorieta10 [14]= "015.jpg";
finalglorieta10 [15]= "016.jpg";
var i = 0;
//funcion de carga de la primera imagen
function cargarImagen(){
document.imgSrc.src = finalglorieta10[i] ;
}
function anterior(){
if(i<1){
var NumImagen = i
} else {
var NumImagen = i-=1;
}
document.imgSrc.src = finalglorieta10[NumImagen];
}
function siguiente(){
if(i>14){
var NumImagen = i
} else {
var NumImagen = i+=1;
}
document.imgSrc.src = finalglorieta10[NumImagen];
}
//Llamar a la función
window.onload=cargarImagen;
</script>
<style type="text/css">
body {
margin-top:40px;
}
td a {
font:9px Verdana, Arial, Helvetica, "sans-serif";
color:#FFFFFF;
text-decoration:none;
</style>
</head>
<body>
<div style="width:950px; height:713px; margin: auto;">
<img name="imgSrc" id="imgSrc" alt="Im&aacute;genes de la galeria">
</div>
<table width="400" border="0" cellspacing="0" cellpadding="0" style="background:#666; width:400px; margin: auto;">
<tr>
<td align="center"><a href="#" onClick="anterior();"> < Anterior</a></td>
<td align="center"><a href="#" onClick="siguiente();">Siguiente > </a></td>
</tr>
</table>

Thanks