Support for <animacja> in HTML.
authorRadek Czajka <rczajka@rczajka.pl>
Wed, 5 Feb 2020 11:36:27 +0000 (12:36 +0100)
committerRadek Czajka <rczajka@rczajka.pl>
Wed, 5 Feb 2020 11:36:27 +0000 (12:36 +0100)
librarian/xslt/book2html.xslt

index 1704953..53ba882 100644 (file)
                <meta charset="utf-8" />
                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
                <link href="https://static.wolnelektury.pl/css/compressed/book_text.css" rel="stylesheet" type="text/css" />
                <meta charset="utf-8" />
                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
                <link href="https://static.wolnelektury.pl/css/compressed/book_text.css" rel="stylesheet" type="text/css" />
+               <style>
+                 .animacja {cursor: pointer;}
+               </style>
            </head>
             <body>
            </head>
             <body>
-                <xsl:call-template name="book-text" />
+              <xsl:call-template name="book-text" />
+
+             <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+             <script src="http://malsup.github.io/min/jquery.cycle2.min.js"></script>
             </body>
             </html>
         </xsl:when>
             </body>
             </html>
         </xsl:when>
     </img>
 </xsl:template>
 
     </img>
 </xsl:template>
 
+<xsl:template match="animacja">
+  <div class="animacja cycle-slideshow" data-cycle-pause-on-hover="true" data-cycle-next="> img" data-cycle-fx="fadeout" data-cycle-paused="true">
+    <xsl:apply-templates/>
+  </div>
+</xsl:template>
+
 
 <!-- ========================================== -->
 <!-- = PARAGRAPH TAGS                         = -->
 
 <!-- ========================================== -->
 <!-- = PARAGRAPH TAGS                         = -->