2013-02-17 101 views
1

我正在使用photoswipe在單擊項目時顯示我的畫廊。photoswipe將不會返回到原始頁

我的標記

<ul id="gallery_mobile_about"> 
     <li> 
      <a href="/files/uploads/Detalle-Magrana.jpg" style="background-image: url('/files/uploads/Detalle-Magrana.jpg');" data-iframe="" data-pos="0" data-url="/files/uploads/Detalle-Magrana.jpg" class="gallery-item ui-link"></a> 
     </li> 
    <li> 
      <a href="/files/uploads/Figues-de-Moro.jpg" style="background-image: url('/files/uploads/Figues-de-Moro.jpg');" data-iframe="" data-pos="1" data-url="/files/uploads/Figues-de-Moro.jpg" class="gallery-item ui-link"> 

      </a> 
     </li> 
     <li> 
      <a href="/files/uploads/Cala-Deià-50x30cm1-1024x782.jpg" style="background-image: url('/files/uploads/Cala-Deià-50x30cm1-1024x782.jpg');" data-iframe="" data-pos="2" data-url="/files/uploads/Cala-Deià-50x30cm1-1024x782.jpg" class="gallery-item ui-link"> 
      </a> 
     </li> 
    <li> 
      <a href="/files/uploads/Deia-Church-on-Cala-rock.jpg" style="background-image: url('/files/uploads/Deia-Church-on-Cala-rock.jpg');" data-iframe="" data-pos="3" data-url="/files/uploads/Deia-Church-on-Cala-rock.jpg" class="gallery-item ui-link"> 
      </a> 
     </li> 
</ul> 

JS的

$(document).ready(function(){ 
    var myPhotoSwipe = $("#gallery_mobile_about a").photoSwipe(
    { enableMouseWheel: false , 
     enableKeyboard: false } 
    );     
}); 

問題是,即使是在畫廊似乎加載,作爲backgound我看到一個白色的頁面與文本'未定義'和關閉畫廊頁面將保持這個白頁(不返回到原始視圖)

結果(它說,在道5項的圖像上擊):http://deia.info/m/?lan=2&task=view_post&catid=14&blogid=25

什麼我好像在這裏失去了?

回答

0

添加rel="external"解決了這個

0

我有媒體鏈接屬性rel="external"和嘗試新事物這爲我工作。

 var myPhotoSwipe = $("#Gallery a").photoSwipe({ 
      //your others attributes 
      target: 'html' 
     });