"TINKERMASTER " diseños para Photoshop

tinkermaster

Java Script15

[ Vista Previa ]




Informacion:
Nombre: Zoom Slice
Fecha: 11-01-2014


Calificanos:
 
[ Codigo ] 
Copia y pega [CTRL C + CTRL V] Por Encima de la Pagina o Extra Head

<!-- www.tinkermaster.es.tl -->

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" ></script>

<script>$(function(){

var enl=$('[galeria]');

var fnd=$('div#fondoGaleria');

enl.click(function(e){var gl=$(this).attr('galeria');abreF();abreI();

if(this.tagName=='A'){e.preventDefault();if(gl==""){cargaImagen(this.href);return;}}

else if(this.tagName=='IMG'){if(gl==""){cargaImagen(this.src);return;}}

cargaImagen(gl);});

function cargaImagen(src){ var img=new Image();img.src=src;

$('div#centraGaleria img').attr('src',src);

img.onload=function(){

if(window.innerHeight>img.height){ $('div#centraGaleria').css({'top':(window.innerHeight/2-(img.height/2)),'position':'fixed'});}else{$('div#centraGaleria').css({'top':'0px','position':'absolute'});}

$('div#centraGaleria img').animate({'width':img.width,'height':img.height},300);}}

$('div#centraGaleria img').error(function(){cierraF();cierraI();});

function abreI(){$('div#centraGaleria').css('display','block');}

function cierraI(){ $('div#centraGaleria img').animate({'width':'80px','height':'80px'},300,function(){$('div#centraGaleria').css({'display':'none','top':'34%'});});}

$('div#fondoGaleria,div#centraGaleria').click(function(){cierraF();cierraI();}).mouseover(function(){window.status="Click para cerrar";});

function abreF(){fnd.css('display','block').animate({'opacity':1},300);}

function cierraF(){fnd.animate({'opacity':0},300,function(){$(this).css('display','none');});}

});</script>

<div id="fondoGaleria" title="Click para cerrar" style="display:none;opacity:0;z-index:99;background:rgba(10, 6, 6, 0.7216);position:fixed;top:0px;left:0px;width:300%;height:300%;"></div>

<div id="centraGaleria" title="Click para cerrar" style="display:none;width:100%;position:absolute;top:34%;left:0px;text-align:center;z-index:100;">

<img alt="Cargando..." style="width:80px;height:80px;"></div>


Copia y pega [CTRL C + CTRL V] donde quieras que aparesca

<!-- www.tinkermaster.es.tl -->

<img src="URL IMAGEN" galeria="URL IMAGEN">


Enlaces de ayuda
- Ver wallpapers para tu sitio [ Click aqui ]
- Ver diseños CSS para tu sitio [ Click aqui ]
- Ver Widgets para tu sitio [ Click aqui ]
- Ver recursos Javascript Avanzados para tu sitio [ Click aqui ]

Tags:


   
 

 
comments powered by Disqus
Hoy habia 1 visitantes (10 clics a subpáginas) ¡Aqui en esta página!

    • CUADRO TWEETS

      Para todos los usuarios de twitter que tienen una web es< esencial mantener informados a nuestros usuarios de las actualizaciones...

    • CUADRO DE NOTICIAS EN JQUERY

      crear un cuadro de noticias utilizando jquery para la animacion...

    • ESTILOS DE BORDES

      los bordes en realidad sirven para que algun elemento se vea mejor, es decir elegante...

    • RECURSOS

      encuentra exelentes paginas webs donde encontraras brushes, tipos de textos, etc...

  • SIGUEME EN YOUTUBE

    • DISEÑOS CSS

      descarga los mejores diseños Css para que puedas personalizar tu web...

    • PLANTILLAS XML

      Descarga exelentes plantillas para que personalizes tu blog...

    • JUEGOS PARA PC

      Descarga exelentes juegos para tu PC...

    • AFILIADOS VIP

      Afiliate a mi web de una manera facil y sencilla...

    • WALLPAPERS

      descarga wallpapers para que le den una mejor apariencia a tu PC...






    • Bienvenidos a Tinkermaster website en donde se comparten conocimientos, ideas e informaciones listas para que cualquiera pueda aprender de ellas - Diseñado Por Tinkermaster
      Estas viendo la imagen:


  • => ¿Desea una página web gratis? Pues, haz clic aquí! <=