2017-01-06 6 views
0

jqueryとfancyBoxを使用しています(お勧めの場合は置き換えることができます)。jQuery.fancyBoxの2ページビュー

私の目標は、next/prevボタンでポップアップギャラリーを作成することですが、画像はペーパーブックのように2つにグループ化して表示する必要があります。

Paper book preview example

私は簡単にfancyBoxポップアップを表示することができますし、それが正常に動作します。私は2つのことでページを表示するようになっているはずです

$.fancybox(['image.jpg', 'image.jpg']);

しかし、?私はfancyBoxのプラグインを書くべきだと思う。あるいは、別の方法を提供することもできます。

+0

置くことです:

$('#start-photo-book').on('click', function() { var book = []; $.each($("#photo-book").children(), function(key, value) { book.push({ content : $(value).clone(), type : 'html' }) }); $.fancybox.open(book, { loop : false, smallBtn : false }); }); 

はこのデモを参照してください。私の画像は、別のページでhttp://builtbywill.com/booklet/#/のような本のプラグインのコンテンツとして、その後、そのページをfancyboxで開くと、fancyboxはサイドバイサイド画像の機能を提供せず、あなたのニーズに合わせてプラグインを変更する必要があるかもしれません – JFK

答えて

0

2つの写真を表示することはできませんが、fancyBoxは任意のhtmlコードを表示できます。ことは、あなたには、いくつかの他のスクリプトによって、あるいは自分で本を「構築」して、単に手動fancybox呼び出すことができます。私はどうなるのか

http://codepen.io/fancyapps/full/OWObor/

関連する問題