<!-- 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>

<!-- 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>