Показ обложки в модальном окне с использованием только HTML5+CSS

[openlib.git] / www / templates / default / bookdetail.html

diff --git a/www/templates/default/bookdetail.html b/www/templates/default/bookdetail.html
index 84c733478c4a4faa14049ba4e019906189bfe6e5..be7e54ab7983466e8c869de558fe14eacc7fcb2b 100644 (file)
--- a/www/templates/default/bookdetail.html
+++ b/www/templates/default/bookdetail.html
@@ -1,7 +1,19 @@
 <article class="bookpopup">\r
+    {{? it.book.hasCover == 1}}\r
+    <div id="openModal" class="modalDialog">\r
+        <div>\r
+            <a href="#close" title="Close" class="close">X</a>\r
+            {{~it.book.authors:author:j}}\r
+            {{? j > 0}}, {{?}}<h3>{{=htmlEscape (author.name)}}</h3>\r
+            {{~}}\r
+            <h2>{{=htmlEscape (it.title)}}</h2>\r
+            <img src="{{=it.book.coverurl}}" alt="{{=it.const.i18n.coverAlt}}" />\r
+       </div>\r
+    </div>\r
+    {{?}}\r
     <span class="cover">\r
         {{? it.book.hasCover == 1}}\r
-        <a href="{{=it.book.coverurl}}">\r
+        <a href="#openModal">\r
           <img src="{{=it.book.thumbnailurl}}" alt="{{=it.const.i18n.coverAlt}}" />\r
         </a>\r
         {{?}}\r