$(function() {
    $('div#slider ul li a').click(function(e) {
        e.preventDefault();
        var imageWin;
        var imageUrl = $.trim($(this).attr('filename')),
            imageWin = window.open(imageUrl);

    });
});

Setting Validate Copy Format

#slider ul li{
  list-style:none;
}

Setting Validate Copy Format

<div id="slider">
  <ul>
    <li>
      <a href="#" filename="http://www.myfreewallpapers.net/cartoons/wallpapers/disney-princess-babies.jpg">
        <img src="http://www.myfreewallpapers.net/cartoons/wallpapers/disney-princess-babies.jpg" alt="Pretty Girls Doing Horrid Things"  height="200" width="250" />
      </a>
    </li>
    <li>
      <a href="#" filename="http://i1020.photobucket.com/albums/af330/i-homeware/About%20Me/princesscard.jpg">
        <img src="http://cdn04.dayviews.com/bloglovin/3681960f765fafdd91b4b0c9b6cf076a9baffb8d/a/aHR0cCUzQSUyRiUyRmJsb2dnZmlsZXIubm8lMkZqdW5lY2FyaXRhLmJsb2dnLm5vJTJGaW1hZ2VzJTJGOTg5NjU3LTgtMTMyMjc3MDQ3ODM5Ny5qcGc=" alt="Pretty Girls Doing Horrid Things" />
      </a>
    </li>
  </ul>
</div>

Copy Format

Download