これに正しくアプローチするのに問題があります。
クリックして全画面スライドショーとして再生したいスライドのコレクションがあります。
私はモデルを持っています:
var Slide = Backbone.Model.extend({
defaults: {
title: "",
header: "Slide Header",
content: "Paragraph"
},
...
});
コレクション:
var SlidesCollection = Backbone.Collection.extend({});
とビュー:
var SlideshowView = Backbone.View.extend({});
スライドをコレクションに追加し、別の場所でアンダースコア テンプレートを使用してレンダリングします。
var slides = [{title :"this is the first slide",
header :"this is the first header",
content:"this is finally the content"
},
{title :"this is the second slide",
header :"this is the second header",
content:"this is second the content"
}];
var sc = new SlidesCollection();
sc.add(slides);
HTMLフルスクリーンAPIを活用してスライドショーを作成する方法がわかりません。助言がありますか。