2016-03-21 9 views
0

マグニフィックポップアップをイメージをポストするだけでなく、すべての画像で動作させる方法を知りたいと思います。私は特にサイドバーの画像でもこれがうまくいくと思っています。ポスト画像だけでなく、マグニフィックポップアップですべての画像を開くようにしました

<link type='text/css' rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/magnific-popup.min.css' /> 
<script src='https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/jquery.magnific-popup.min.js' type='text/javascript'></script> 
<script> 
//<![CDATA[ 
$('.post-entry').magnificPopup({ 
delegate:'a[imageanchor="1"]', 
gallery: { 
    enabled: true 
}, 
    type: 'image' 
}); 
//]]> 
</script> 

私はブログのテンプレートに直接それを挿入した場合、それはすべての画像に適用されます:

これは、私はBloggerのブログのフッターウィジェットで使用しているコードのですか?もしそうなら、どこ?

私はこれですばらしいと気づいたことがありますか?私はこれが多分基本的なものだと知っていますが、それはまだ私を超えています。私は誰でも私に与えることができるすべての助けに感謝します。

答えて

0
You can add all the images in one div and call that div class in your javascript function 

<div class="popup-gallery"> 
<a href="placeholder"><img src="" width="75" height="75"></a> 
<a href="placeholder"><img src="" width="75" height="75"></a> 
<a href="placeholder"><img src="" width="75" height="75"></a> 
<a href="placeholder"><img src="" width="75" height="75"></a> 
</div> 

Web Reference: http://dimsemenov.com/plugins/magnific-popup/ 

Or you can use FancyBox which is open source and easy to use 
関連する問題