Autor Tema: Visor de imagenes, mejora  (Leído 1138 veces)

Desconectado Hypertext Pre-processor

  • PHPer@
  • **
  • Mensajes: 88
  • Karma: 0
  • Sexo: Masculino
  • Queriendo Aprender : )
    • Ver Perfil
    • Mi Blog
Visor de imagenes, mejora
« en: 16 de Diciembre de 2013, 22:42:20 pm »
Hola he echo mi primer visor de imagenes con efecto(sin jquery) y quisiera saber si alguien sabe como puedo mejorar el código
Código: [Seleccionar]
<html lang="es">
<head>
<style>
img{width:100%;height:100%;}
</style>
<script>
var Esta = 1;
function Sum(event)
{
document.getElementById('AviNot').value = 1;
window.setInterval(function(){
B = document.getElementById('Main').scrollTop;
Max = document.getElementById('Avi').value;
Sip = document.getElementById('AviNot').value;
if(Sip == 1)
{

if(document.getElementById('Main').scrollTop != Max)
{

if(event == "+")
{
document.getElementById('Main').scrollTop =  B + 1;
}
if(event == "-")
{
document.getElementById('Main').scrollTop =  B - 1;
}

}else
{
if(B == Max)
{
Caldl = eval(Max + event + 266);
document.getElementById('Avi').value = Caldl;
document.getElementById('AviNot').value = 0;
}
}


}


}
,10);





}


function Men(event)
{
document.getElementById('AviNot').value = 2;
window.setInterval(function(){
B = document.getElementById('Main').scrollTop;
Max = document.getElementById('Avi').value;
Sip = document.getElementById('AviNot').value;
Sent = eval(Max + "-" + 266);
if(Sip == 2)
{
if(Sent >= 0)
{
if(Sent == B)
{
document.getElementById('Avi').value = Sent;
document.getElementById('AviNot').value = 0;
}else
{
document.getElementById('Main').scrollTop = B - 1;
}
}
}





}
,10);





}
</script>
</head>
<body>
<center>
<div style="overflow:hidden;height: 266px;">
<div id="Main" f="A" style="overflow-x:scroll;overflow-y:hidden;height: 283px;width: 657px;">
<img src="http://www.formulatv.com/images/fgaleria/9900/9991_tercera-temporada-de-la-que-se-avecina.jpg">
<img src="http://noticiasdracma.files.wordpress.com/2012/04/01pso8j8k6539syiqq4b3a31d9ab70f_la-que-se-avecina.jpg">
<img src="http://static4.fjcdn.com/thumbnails/comments/Wait+a+minute+what+s+the+last+pic+My+iPhone+won+t+_8338d79e3d32bb11221e4ca802f2dd75.png">
<img src="http://static4.fjcdn.com/thumbnails/comments/3180252+_2475b48a01b98a7a544950d5d406af8f.gif">
<img src="http://pagead2.googlesyndication.com/simgad/15319643626033654562">
<img src="http://24.media.tumblr.com/tumblr_m530ibh4XC1rt0gpwo1_500.jpg">
<img src="http://static4.fjcdn.com/thumbnails/comments/Wait+a+minute+what+s+the+last+pic+My+iPhone+won+t+_8338d79e3d32bb11221e4ca802f2dd75.png">
<img src="http://static4.fjcdn.com/thumbnails/comments/3180252+_2475b48a01b98a7a544950d5d406af8f.gif">
<img src="http://1.bp.blogspot.com/-T8hLf2gynLA/TpdzUXHPKoI/AAAAAAAAO3c/_04r7E9GfyI/s640/meme-23.png">
<img src="http://2.bp.blogspot.com/-x8XFJadfOqM/UiH9EJX_q6I/AAAAAAAAOE4/ygs-5FxUXAQ/s1600/Memes_4664.jpg">
<img src="http://medabuenrollo.com/wp-content/uploads/2012/09/mal-de-amores1-600x663.jpg">

<img src="http://cde.peru.com/ima/0/0/5/9/3/593703/924x530/memes-mario-bros-foto-difusion.jpg">

<input type="hidden" id="Avi" value="266" /><input type="hidden" id="AviNot" value="0" />
</div>
</div>
<input type="button" value="Siguiente" style="width: 90px;height: 30px;background-color:orange;color:white;border:0px;cursor:pointer;" onclick="Sum('+')">
<input type="button" value="Anterior"  style="width: 90px;height: 30px;background-color:orange;color:white;border:0px;cursor:pointer;" onclick="Men('-')">
</center>
</body>
</html>

Comunidad PHPeros

Visor de imagenes, mejora
« en: 16 de Diciembre de 2013, 22:42:20 pm »