title: Image thumbnails size with JSSor
body: <p>I came across a similar question but not sure how best to implement the answer posted. I'm using the jssor plugin and each of my thumbnails vary in size. I need to have them conform to the sizes they are listed as but in the way this is set up now each one is set to be 72px x 72px. I've tried setting the width and height to 100% but not sure where exactly that should go as its not really working. Do I add this into this code or what am I missing? Thanks for any help</p>
  
  <pre><code>  &lt;div u="slides" style="cursor: move; background: black;"&gt;
              &lt;div u="prototype" class="p" style="POSITION: absolute; WIDTH: 72px; HEIGHT: 72px; TOP: 0; LEFT: 0;"&gt;
                  &lt;div class="o" style="position:absolute;top:1px;left:1px;width:72px;height:72px;overflow:hidden;"&gt;
                      &lt;ThumbnailTemplate class="b" style="width:72px;height:72px; border: none;position:absolute; TOP: 0; LEFT: 0;"&gt;&lt;/ThumbnailTemplate&gt;
                      &lt;div class="i"&gt;&lt;/div&gt;
                      &lt;ThumbnailTemplate class="f" style="width:72px;height:72px;border: none;position:absolute; TOP: 0; LEFT: 0;"&gt;&lt;/ThumbnailTemplate&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>
                  
                      
                          
                          
                          
                      </p>
  
  <p>Here is the actual code. I found the info but not sure how it works in here. I'm using a php script but am finding it somewhat complex to figure this out. Thanks:
  <code>foreach ($result as $row)
      {
      echo "&lt;div&gt;
            &lt;p&gt;&lt;small&gt;&lt;span style=\"color:white\"&gt;To explore images click on smaller image below to start.&lt;/span&gt;&lt;/small&gt;&lt;/p&gt;
                  &lt;a href=\"http://mirrorofrace.org/TemplateZoom.php?photo_id={$row['photo_id']}\" target=\"_blank\"&gt;&lt;img u=\"image\" src=\"http://mirrorofrace.org/{$row['full_size']}\" alt=\"\" &gt;&lt;/a&gt;
                   &lt;img u=\"thumb\" src=\"http://mirrorofrace.org/{$row['thumbnail']}\"  alt=\"\" style=\"border: 0\"&gt;
                   &lt;br&gt;&lt;span style=\"color:white\"&gt;Click Image to Zoom&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;a href=\"../gallery/profile.php?photo_id={$row['photo_id']}\"&gt;Info Page&lt;/a&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;{$row['figure_1']}&lt;/span&gt;
                   &lt;/div&gt;";
      }
  ?&gt;
          &lt;/div&gt;
  </code></p>