galeria imagenes php

[pampa_]

<?php

if (isset($image)){

if ($image[0] > $image[1])

{

echo "myimg.smallWidth = $image[0];\n";

echo "myimg.smallHeight = $image[1];\n";

}

else

{

echo "myimg.smallWidth = $image[1];\n";

echo "myimg.smallHeight = $image[0];\n";

}

}

?>

real = 0;

}

else

{

real = 1;

}

}

}



function scaleIn()

{

var myimg = this.getElementsByTagName('img')[0];

myimg.style['zIndex'] = 100;

myimg.src = myimg.smallSrc;

var count = 0;

var real = 0;

intervalIn = window.setInterval(scaleStepIn, 1);

return false;



function scaleStepIn()

{

var widthIn = parseInt(myimg.style['width']);

var heightIn = parseInt(myimg.style['height']);

var topIn = parseInt(myimg.style['top']);

var leftIn = parseInt(myimg.style['left']);

if(widthIn >= heightIn) {

widthIn += speed;

heightIn += Math.floor(speed * (3/4));

topIn -= (Math.floor(speed * (3/8)));

leftIn -= (speed/2);

}

else

{

widthIn += Math.floor(speed * (3/4));

heightIn += speed;

topIn -= (speed/2);

leftIn -= (Math.floor(speed * (3/8)));

}

myimg.style['width'] = widthIn;

myimg.style['height'] = heightIn;

myimg.style['top'] = topIn;

myimg.style['left'] = leftIn;

count++;

if (count >= zoom)

window.clearInterval(intervalIn);

}

}

function scaleOut()

{

window.clearInterval(intervalIn);

var myimg = this.getElementsByTagName('img')[0];

myimg.src = myimg.smallSrc;

myimg.style['zIndex'] = 50;

var interval = window.setInterval(scaleStepOut, 1);

return false;


function scaleStepOut()

{

var width = parseInt(myimg.style['width']);

var height = parseInt(myimg.style['height']);

var top = parseInt(myimg.style['top']);

var left = parseInt(myimg.style['left']);

if(width >= height) {

width -= speed;

height -= Math.floor(speed * (3/4));

if(width < myimg.smallWidth + 4) {

myimg.style['width'] = myimg.smallWidth;

myimg.style['height'] = myimg.smallHeight;

myimg.style['top'] = 0;

myimg.style['left'] = 0;

myimg.style['zIndex'] = 1;

window.clearInterval(interval);

}

else{

myimg.style['width'] = width;

myimg.style['height'] = height;

myimg.style['left'] = left + (speed/2);

myimg.style['top'] = top + (Math.floor(speed * (3/8)));

}

}

else

{

width -= Math.floor(speed * (3/4));

height -= speed;

if(real==1)

{

if(width < myimg.smallWidth + 4)

{

myimg.style['width'] = myimg.smallWidth;

myimg.style['height'] = myimg.smallHeight;

myimg.style['top'] = 0;

myimg.style['left'] = 0;

myimg.style['zIndex'] = 1;

window.clearInterval(interval);

}

else{

myimg.style['width'] = width;

myimg.style['height'] = height;

myimg.style['top'] = top + (speed/2);

myimg.style['left'] = left + (Math.floor(speed * (3/8)));

}

}

else

{

if(height < myimg.smallWidth + 4)

{

myimg.style['width'] = myimg.smallHeight;

myimg.style['height'] = myimg.smallWidth;

myimg.style['top'] = 0;

myimg.style['left'] = 0;

myimg.style['zIndex'] = 1;

window.clearInterval(interval);

}

else{

myimg.style['width'] = width;

myimg.style['height'] = height;

myimg.style['top'] = top + (speed/2);

myimg.style['left'] = left + (Math.floor(speed * (3/8)));

}

}

}

}

}

//-->

</script>[/HIGHLIGHT]

</html>[/HIGHLIGHT]


Este codigo lo pongo en una nueva web .html quitandole las etiquetas de html... ya que esta nueva web la abro dentro de un div de mi index.php

El problema viene que el efecto que hace al pulsar encima de la imagen y superponertela en la web... no me lo hace sino que la imagen la abre en una web nueva.

Alguien sabria como adaptarlo?

Gracias si necesitais algo de mi codigo decidmelo.