title: photoswipe slideshow doesnt show using jquery mobile and expression engine
body: <p>hi everyone im been following the examples of photoswipe for my own website, but i cant fix something with photoswipe, the gallery its working fine, but when i select one picture of the gallery nothing happens, the slideshow doesnt show, it just redirect to the picture; this is part of my code:</p>
  
  <p>
              </p>
  
  <pre><code>        &lt;!-- CSS Declaration --&gt;
          &lt;link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile-1.3.1.css" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.structure-1.3.1.css" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="{site_url}jquerymobile/css/jquery.mobile.theme-1.3.1.css" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="{site_url}photoswipe/css/photoswipe.css" /&gt;
  
          &lt;link rel="stylesheet" type="text/css" href="{path='styles/m'}" /&gt;
  </code></pre>
  
  
  
  <pre><code>    &lt;script type="text/javascript" src="{site_url}jquerymobile/js/jquery.mobile-1.3.1.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript" src="{site_url}photoswipe/js/code.photoswipe.jquery-3.0.5.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="{site_url}photoswipe/js/klass.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>some imports.</p>
  
  <p></p>
  
  <pre><code>        &lt;div data-role="page" id="portfolio" &gt;
  
  
              &lt;div data-role="header" data-theme='a' id="header"&gt;
                  &lt;h1&gt; Portfolio &lt;/h1&gt;
              &lt;/div&gt;&lt;!-- /header --&gt;
  
  
              &lt;div data-role="content" data-theme='c' &gt;
  
              &lt;div class="choice_list"&gt; 
                  &lt;p&gt; Our recent portfolio: &lt;/p&gt;
  
                  &lt;ul data-role="listview" data-inset="true" &gt;
                      &lt;li&gt;
                          &lt;a href="#Gallery1" data-transition="slide"&gt; 
                          &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn1"/&gt;
                          &lt;h3&gt; Project#1&lt;/h3&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#Gallery2" data-transition="slide"&gt; 
                          &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn2"/&gt;
                          &lt;h3&gt; Project#2&lt;/h3&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;                   
                      &lt;li&gt;
                          &lt;a href="#Gallery3" data-transition="slide"&gt; 
                          &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn3"/&gt;
                          &lt;h3&gt; Project#3&lt;/h3&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="#Gallery4" data-transition="slide"&gt; 
                          &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn4"/&gt;
                          &lt;h3&gt; Project#4&lt;/h3&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
  
                  &lt;/ul&gt;   
  
              &lt;/div&gt;
  
              &lt;p&gt;For full view of our projects visit the normal website&lt;/p&gt;
  
              &lt;p class="copyright"&gt;Copyright &amp;copy; MNT. Designed by &lt;a href="http://www.mntdesign.co" class="ui-link"&gt;MNTDesign&lt;/a&gt;&lt;/p&gt;
  
  
              &lt;/div&gt;&lt;!-- /content --&gt;
  
              &lt;div data-role="footer" data-theme='a' &gt;
  
                  &lt;nav data-role="navbar"&gt;
                      &lt;ul&gt;
                          &lt;li&gt;&lt;a href="{path='m'}" data-icon="home"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/nav&gt;
  
              &lt;/div&gt;&lt;!-- /Foother --&gt;
  
          &lt;/div&gt;&lt;!-- /page --&gt;
  
          &lt;div data-role="page" id="Gallery1" class="gallery-page"&gt;
              &lt;header data-role="header"&gt;
                  &lt;h1&gt;Project #1&lt;/h1&gt;
                  &lt;a href="#portfolio" data-icon="grid" data-iconpos="notext" data-transition="slide"&gt;Portfolio&lt;/a&gt;
              &lt;/header&gt;
              &lt;!--&lt;img src="" class="fullscreen" alt="projectn1" /&gt; --&gt;
              &lt;div data-role="content"&gt;
                  &lt;ul class="gallery"&gt;
                      &lt;li&gt;
                          &lt;a href="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" rel="external"&gt; &lt;!-- small picture --&gt;
                              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn11" /&gt; &lt;!-- 200x130 px image --&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" rel="external"&gt; &lt;!-- small picture --&gt;
                              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn12" /&gt; &lt;!-- 200x130 px image --&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" rel="external"&gt; &lt;!-- small picture --&gt;
                              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn13" /&gt; &lt;!-- 200x130 px image --&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" rel="external"&gt; &lt;!-- small picture --&gt;
                              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn14" /&gt; &lt;!-- 200x130 px image --&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;p class="copyright"&gt;Copyright &amp;copy; MNT. Designed by &lt;a href="http://www.mntdesign.co" class="ui-link"&gt;MNTDesign&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!-- Page Project #1 --&gt;
  
  
          &lt;div data-role="page" id="Gallery2" class="gallery-page"&gt;
              &lt;header data-role="header"&gt;
                  &lt;h1&gt;Project #2&lt;/h1&gt;
                  &lt;a href="#portfolio" data-icon="grid" data-iconpos="notext" data-transition="slide"&gt;Portfolio&lt;/a&gt;
              &lt;/header&gt;
                  &lt;div data-role="content"&gt;
                  &lt;ul class="gallery"&gt;
                      &lt;li&gt;
                          &lt;a href="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" rel="external"&gt; &lt;!-- small picture --&gt;
                              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn21" /&gt; &lt;!-- 200x130 px image --&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" rel="external"&gt; &lt;!-- small picture --&gt;
                              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn22" /&gt; &lt;!-- 200x130 px image --&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" rel="external"&gt; &lt;!-- small picture --&gt;
                              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn23" /&gt; &lt;!-- 200x130 px image --&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" rel="external"&gt; &lt;!-- small picture --&gt;
                              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn24" /&gt; &lt;!-- 200x130 px image --&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" rel="external"&gt; &lt;!-- small picture --&gt;
                              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn25" /&gt; &lt;!-- 200x130 px image --&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;
                          &lt;a href="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" rel="external"&gt; &lt;!-- small picture --&gt;
                              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" alt="projectn26" /&gt; &lt;!-- 200x130 px image --&gt;
                          &lt;/a&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;p class="copyright"&gt;Copyright &amp;copy; MNT. Designed by &lt;a href="http://www.mntdesign.co" class="ui-link"&gt;MNTDesign&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!-- Page Project #2 --&gt;
  
  
          &lt;div data-role="page" id="Gallery3" &gt;
              &lt;header data-role="header"&gt;
                  &lt;h1&gt;Project #3&lt;/h1&gt;
                  &lt;a href="#portfolio" data-icon="grid" data-iconpos="notext" data-transition="slide"&gt;Portfolio&lt;/a&gt;
              &lt;/header&gt;
              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" class="fullscreen" alt="projectn3" /&gt;
          &lt;/div&gt;&lt;!-- Page Project #3 --&gt;
  
          &lt;div data-role="page" id="Gallery4" &gt;
              &lt;header data-role="header"&gt;
                  &lt;h1&gt;Project #4&lt;/h1&gt;
                  &lt;a href="#portfolio" data-icon="grid" data-iconpos="notext" data-transition="slide"&gt;Portfolio&lt;/a&gt;
              &lt;/header&gt;
              &lt;img src="http://www.mntdesign.co/uploads/imagenes/_thumb2/216346_10151483715269961_2029946791_n.jpg" class="fullscreen" alt="projectn4" /&gt;
          &lt;/div&gt;&lt;!-- Page Project #4 --&gt;
  
  
  
      &lt;/body&gt;
  </code></pre>
  
  <p>the body.</p>
  
  <pre><code>    (function(window, $, PhotoSwipe){
          $(document).ready(function(){
              $('div.gallery-page')
                  .live('pageshow', function(e){
                      var currentPage = $(e.target),
                          options = {},
                          photoSwipeInstance = $("ul.gallery a", e.target).photoSwipe(options,  currentPage.attr('id'));
                      return true;    
                  })
                  .live('pagehide', function(e){
                      var currentPage = $(e.target),
                          photoSwipeInstance = PhotoSwipe.getInstance(currentPage.attr('id'));
                      if (typeof photoSwipeInstance != "undefined" &amp;&amp; photoSwipeInstance != null) {
                          PhotoSwipe.detatch(photoSwipeInstance);
                      }
                      return true;
                  });
          });
      }(window, window.jQuery, window.Code.PhotoSwipe));
  </code></pre>
  
  <p>the script.</p>
  
  <p><a href="http://img844.imageshack.us/img844/5346/r6m.png" rel="nofollow noreferrer">mi view on coda http://img844.imageshack.us/img844/5346/r6m.png</a></p>
  
  <p>how i have the file on coda (i dont know where should be the photoswipe images, i tried on different places)</p>
  
  <p>any clue on what im doing wrong? </p>
  
  <p>i really apreciate every help u can give me!</p>
  
  <hr>
  
  <p>Edit:</p>
  
  <p>debuging</p>
  
  <p><a href="https://i.stack.imgur.com/oAhiX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oAhiX.png" alt="mi view on firefox firebug"></a>
  </p>
  
  <p>im using the script from the photoswipe examples,and locally works perfect on the examples, but when it upload the files to the server and my app code, so i dont know if i need to change something, or what doesnt support expression engine of my javascript code. </p>