jCarousel

Umožňuje aplikovat jCarousel jQuery plugin na libovolný typ obsahu a vytvořit tak efektní karusel. Nejčastěji se používá v kombinaci s modulem Views.

  1. Rozbalte modul jCarousel 7.x-2.4-alpha3 do adresáře sites/all/modules.
  2. V admin/modules (Moduly) modul povolte.
  3. Nainstalujte modul Views a upravte libovolný pohled:
    • změňte Formát na jCarousel a upravte nastavení dle potřeb (např. wrap content: Circular)
    • v sekci Pokročílé je vhodné povolit AJAX, čímž se zrychlí načítání položek karuselu
    • požadované položky k zobrazení vložte do sekce Pole
  4. Pro aplikaci karuselu přímo na prvky stránky si přečtěte soubor README.txt.

Doplnění ovládání jCarousel pomocí klávesnice a šipek "vlevo" a "vpravo":

function TEMPLATENAME_preprocess_views_view(&$variables) {
  // JCarousel keyboard navigation.
  if ($variables['view']->plugin_name == 'jcarousel') {
    drupal_add_js('(function($){

      $(document).keyup(function (event) {
        if (event.keyCode == 37) {
          // Left
          if ($("body").css("direction").toLowerCase() == "rtl") {
           jQuery("a.jcarousel-next").click();
          } else {
           jQuery("a.jcarousel-prev").click();
          }
          return false;
        } else if (event.keyCode == 39) {
          // Right          
          if ($("body").css("direction").toLowerCase() == "rtl") {
           jQuery("a.jcarousel-prev").click();
          } else {
           jQuery("a.jcarousel-next").click();
          }
          return false;
        }
      });

    })(jQuery);', array('type' => 'inline','scope' => 'footer'));
  }
}

Další moduly:

  • Views Slideshow
  • Gallery API
  • Vegas Background jQuery Plugin – fullscreen background slideshow