(no commit message)

diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index 44337859c076ec851f50851b267fae910e81f6df..1a6b19518e4fd90c0535158694b158b0ecc77b84 100644 (file)
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -716,6 +716,8 @@ Fluidbook.prototype = {
                        this.openVideo(param1, cb);\r
                } else if (view == 'webvideo') {\r
                        this.openWebVideo(param1, param2, cb);\r
+               } else if (view == 'multimedia') {\r
+                       this.openMultimedia(param1, cb);\r
                } else if (view == 'chapters') {\r
                        this.openChapters(cb);\r
                } else if (view == 'archives') {\r
@@ -834,6 +836,21 @@ Fluidbook.prototype = {
                        }\r
                });\r
        },\r
+       openMultimedia: function(multimedia, callback) {\r
+               var a = $('a[href="#/multimedia/' + multimedia + '"]');\r
+               var markup = decodeURIComponent($(a).attr('data-multimedia'));\r
+\r
+               var view = '<div class="caption"><a href="#" class="back">' + this.l10n.__('back') + '</a></div>';\r
+               view += '<div class="content">';\r
+               view += markup;\r
+               view += '</div>';\r
+               \r
+               $("#view").append('<div class="mview">' + view + '</div>');\r
+\r
+               if (callback != undefined) {\r
+                       callback();\r
+               }\r
+       },\r
        openVideo: function(video, callback) {\r
                var a = $('a[href="#/video/' + video + '"]');\r
                var markup = decodeURIComponent($(a).attr('data-video'));\r

diff --git a/style/fluidbook.css b/style/fluidbook.css
index 7362369e6ba3e40ac1b068c5bbbdb75d70e45919..f0d536793b8d71e9cb189cb86e7eedc15a6fc04e 100644 (file)
--- a/style/fluidbook.css
+++ b/style/fluidbook.css
@@ -949,6 +949,18 @@ ul.chapters.shareList a.level0 img{
        position:relative;\r
 }\r
 \r
+/* multimedia */\r
+\r
+.mview .multimediaContainer{\r
+       padding:20px 20px 20px 20px;\r
+}\r
+\r
+.mview img.multimedia{\r
+       width:100%;\r
+       height:auto;\r
+       display:block;\r
+}\r
+\r
 /* Chapters */\r
 ul.chapters a{\r
        display:block;\r