jFBMobileFeedPhoto.html

jFBMobileFeedPhoto.html

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jFBMobileFeedPhoto.js"></script>
<script type="text/javascript">
  $(function(){
    new jFBMobileFeedPhoto();
  })
</script>

<div id="jFBMobileFeedPhoto">
  <div>
    <img alt="" src="./img/1.jpg" />
    <div>Sample comment</div>
  </div>
  
  <div>
    <img alt="" src="./img/2.jpg" />
    <div>日本語サンプルコメント<br />(Sample comment in Japanese)</div>
  </div>

  <div>
    <img alt="" src="./img/3.jpg" />
    <!-- No comment -->
  </div>
</div>



<!-- jFBMobileFeedPhoto.js will replace the code in #jFBMobileFeedPhoto with the one below. -->
<div id="jFBMobileFeedPhoto">
  <div>
    <div>
      <img alt="" src="./img/1.jpg" />
    </div>
  </div>

  <div>
    <div>
      <img alt="" src="./img/2.jpg" />
    </div>
  </div>

  <div>
    <div>
      <img alt="" src="./img/3.jpg" />
    </div>
  </div>
</div>

<div id="jFBMobileFeedPhotoOverlay">
  <div>
    <div>
      <div>
        <img alt="" src="./img/1.jpg" />
        <div>Sample comment</div>
      </div>
      
      <div>
        <img alt="" src="./img/2.jpg" />
        <div>日本語サンプルコメント<br />(Sample comment in Japanese)</div>
      </div>
      
      <div>
        <img alt="" src="./img/3.jpg" />
      </div>      
      
    </div>
  </div>

  <div>Done</div>
</div>