Simple carousel on eink.

diff --git a/src/social/templates/social/carousel.html b/src/social/templates/social/carousel.html
index a76a435..4a1f88c 100644 (file)
--- a/src/social/templates/social/carousel.html
+++ b/src/social/templates/social/carousel.html
@@ -1,6 +1,6 @@
 {% spaceless %}
 
 {% spaceless %}
 

-<div class="cycle-slideshow carousel carousel-{{ carousel.placement }}"
+<div class="carousel carousel-{{ carousel.placement }}"

      data-cycle-slides="section"
      data-cycle-pause-on-hover="true"
      >
      data-cycle-slides="section"
      data-cycle-pause-on-hover="true"
      >

diff --git a/src/wolnelektury/static/js/base.js b/src/wolnelektury/static/js/base.js
index 8502d62..7d311fc 100644 (file)
--- a/src/wolnelektury/static/js/base.js
+++ b/src/wolnelektury/static/js/base.js
@@ -74,7 +74,13 @@
             $("iframe", this).attr("src", $("iframe", this).attr('data-src'));
         });
 
             $("iframe", this).attr("src", $("iframe", this).attr('data-src'));
         });
 

-        $(".media-eink .carousel").cycle({fx: "none"});
+        $(".carousel").each(function() {
+            opts = {};
+            if ($('html').hasClass('media-eink')) {
+                opts.fx = 'none'
+            }
+            $(this).cycle(opts);
+        });

 
 
         (function() {
 
 
         (function() {