{"id":8639,"date":"2018-01-06T11:42:02","date_gmt":"2018-01-06T11:42:02","guid":{"rendered":"http:\/\/rifetheme.com\/help\/docs\/content-management\/shortcodes\/scroller\/"},"modified":"2018-10-31T14:14:26","modified_gmt":"2018-10-31T14:14:26","slug":"scroller","status":"publish","type":"docs","link":"https:\/\/rifetheme.com\/help\/docs\/content-management\/shortcodes\/scroller\/","title":{"rendered":"Scroller"},"content":{"rendered":"

Available as Elementor widget!<\/h2>\n

Since Rife theme<\/strong> in version 2.1.0<\/strong> it is available as Elementor widget<\/a>.<\/p>\n

What is it for<\/h2>\n

Scroller shortcode can be used to display photos(only<\/strong>) in our theme scroller that is mostly known from usage in our albums. With this shortcode you can display it on any page or post that you like.<\/p>\n

It works only with Rife Pro<\/strong>.<\/p>\n

You can check example use here<\/a>.<\/p>\n

What is needed for it<\/h2>\n

To use it you need to create album or work and add media to it<\/a>. When you have such album\/work prepared then you can use shortcode to be display it where you want.<\/p>\n

Scroller done with shortcode will inherit most settings from his “parent” album\/work. Other can be overwritten by shortcode parameters.<\/p>\n

Shortcode and its parameters<\/h2>\n

First lets see some examples:<\/p>\n

[a13fe-scroller id=\"8792\" autoplay=\"0\" texts=\"0\" socials=\"0\" ratio=\"4\/1\" effect=\"blur\" parallax=\"0\"]\r\n[a13fe-scroller id=\"5985\" autoplay=\"1\" window_high=\"1\" texts=\"1\" parallax=\"1\"]<\/pre>\n
So shortcode is named a13fe-scroller<\/code> and it has following parameters that you can use:<\/p>\n
    \n
  • id<\/strong> – (required) album\/work ID that you want to use media from\n
    \"Where
    Where to find ID of post<\/figcaption><\/figure><\/li>\n
  • autoplay<\/strong> – (default to value from parent album\/work<\/em>) should scroller autoplay on load. 0<\/em> for no, any other positive number<\/em> to set number of seconds between “scrolls”.<\/li>\n
  • texts<\/strong> –\u00a0(default to value from parent album\/work<\/em>) should images titles & descriptions be displayed\u00a0 1<\/em> for yes, 0<\/em> for no.<\/li>\n
  • socials<\/strong> –\u00a0(default 0<\/em>) should sharing icons be displayed. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
  • window_high<\/strong> –\u00a0(default 0<\/em>) should scroller be displayed in full height mode. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
  • ratio<\/strong> – (default 16\/9<\/em>) – if scroller is not used in window height mode, then in what proportion of width to height should it be displayed.<\/strong><\/li>\n
  • parallax<\/strong> – (default to value from parent album\/work<\/em>) should parallax effect be used in scroller. 1<\/em> for yes, 0<\/em> for no.<\/li>\n
  • effect<\/strong> – (default to value from parent album\/work<\/em>) should effect be used on not active photos. You can choose from these values:
    \n<\/em><\/p>\n
      \n
    • off<\/em><\/li>\n
    • opacity<\/em><\/li>\n
    • scale-down<\/em><\/li>\n
    • grayscale<\/em><\/li>\n
    • blur<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
      Warning<\/h2>\n
      Please use effects<\/strong> with caution! CSS transitions on filters(effects<\/strong>) can choke any browser. Use only on small albums(<10 images). Effects are switched off for devices with resolution lower then 1024px, as they usually don’t have enough power to animate them.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8470,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[2],"class_list":["post-8639","docs","type-docs","status-publish","hentry","doc_tag-pro"],"_links":{"self":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/comments?post=8639"}],"version-history":[{"count":10,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8639\/revisions"}],"predecessor-version":[{"id":9163,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8639\/revisions\/9163"}],"up":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8470"}],"next":[{"title":"Writing effect","link":"https:\/\/rifetheme.com\/help\/docs\/content-management\/shortcodes\/writing-effect\/","href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8905"}],"prev":[{"title":"Slider","link":"https:\/\/rifetheme.com\/help\/docs\/content-management\/shortcodes\/slider\/","href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8638"}],"wp:attachment":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/media?parent=8639"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/doc_tag?post=8639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}