<link rel="stylesheet" href="css/image-resize-show.css" type="text/css"/> <script> var irs = {}; irs.settings = { times : 1.5, // for vertical and horizontal px_full_row : 6, px_1024_row : 5, px_960_row : 4, px_768_row : 3, px_480_row : 2, px_320_row : 1, padding : 2, }; </script> <script type="text/javascript" src="js/image-resize-show.js"></script> <div class="image-resize-show" id="square"> <ul> <li> <span class="irs-overflow" id="irs-1"> <img src="_images/sample/sample_1.jpg" class="irs-img"/> </span> </li> <li> <span class="irs-overflow" id="irs-2"> <img src="_images/sample/sample_2.jpg" class="irs-img"/> </span> </li> <li> <span class="irs-overflow" id="irs-3"> <img src="_images/sample/sample_3.jpg" class="irs-img"/> </span> </li> </ul> </div>