"TINKERMASTER " diseños para Photoshop

tinkermaster

Java Script11

[ Vista Previa ]




Informacion:
Nombre: Mini Imagen con Zoom
Fecha: 15-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="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script type="text/javascript" src="https://googledrive.com/host/0BzTF4maHDSaGZU0yMXRrRTYxdWM/jquery.hoverpulse.js"></script>

<script type="text/javascript">

$(window).load(function() {

    $('p.msg').html('Mouse over images for pulse effect, click to open link in new window.');

});

$(document).ready(function() {

    $('div.thumb img').hoverpulse().each(function() {

    var $img = $(this);

    var link = $img.attr('data-link');

    $img.attr('title','Goto: ' + link);

    $img.click(function() {

    window.open(link);

    return false;

    });

    });

});

</script><style>#thumbs{position:relative;width:198px;height:198px;}

div.thumb{float:left;padding:1px;width:64px;height:64px;}

div.thumb img{border:2px solid #fff;cursor:pointer;}</style>


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

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

<div id="thumbs">

  <div class="thumb"><img src="URL IMAGEN 1" width="64" height="64" data-link="TITULO IMAGEN 1"/></div>

  <div class="thumb"><img src="URL IMAGEN 2" width="64" height="64" data-link="TITULO IMAGEN 2"/></div>

  <div class="thumb"><img src="URL IMAGEN 3" width="64" height="64" data-link="TITULO IMAGEN 3"/></div>

  <div class="thumb"><img src="URL IMAGEN 4" width="64" height="64" data-link="TITULO IMAGEN 4"/></div>

  <div class="thumb"><img src="URL IMAGEN 5" width="64" height="64" data-link="TITULO IMAGEN 5"/></div>

  <div class="thumb"><img src="URL IMAGEN 6" width="64" height="64" data-link="TITULO IMAGEN 6"/></div>

  <div class="thumb"><img src="URL IMAGEN 7" width="64" height="64" data-link="TITULO IMAGEN 7"/></div>

  <div class="thumb"><img src="URL IMAGEN 8" width="64" height="64" data-link="TITULO IMAGEN 8"/></div>

  <div class="thumb"><img src="URL IMAGEN 9" width="64" height="64" data-link="TITULO IMAGEN 9"/></div>

</div>


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 (8 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í! <=