{"id":187667,"date":"2019-05-06T23:17:17","date_gmt":"2019-05-07T06:17:17","guid":{"rendered":"http:\/\/wpbeaveraddons.com\/?page_id=187667"},"modified":"2020-08-27T03:21:31","modified_gmt":"2020-08-27T10:21:31","slug":"image-scroll","status":"publish","type":"page","link":"https:\/\/wpbeaveraddons.com\/demo\/image-scroll\/","title":{"rendered":"Image Scroll"},"content":{"rendered":"\n\t\t

\n\t\t\tImage Scroll Module for Beaver Builder\n\t\t<\/h1>\n\t\t\t

Image Scroll module for Beaver Builder gives you a creative way to display Images on your website.<\/p>\t\t\n\t\t

Styling Options<\/h4>\n\t\t\t

Image Scroll module for Beaver Builder comes with several styling options so you get control over almost every aspect of the module.\u00a0<\/p>\t\t\n\t\t

Scroll Behavior<\/h4>\n\t\t\t

Get complete control of the scroll behavior with several settings like overlay icon, scroll speed, hover and mouse scroll trigger methods.<\/p>\t\t\n\t\t

Scroll Direction<\/h4>\n\t\t\t

With the Image Scroll module you get options to adjust the scroll behavior, it can be set to go from left to right, or top to bottom.\u00a0<\/p>\t\t\n\t\t

\n\t\t\tShowcase your Work\n\t\t<\/h3>\n\t\t\t

Image Scroll module can be used to share your work with large image sizes in an efficient manner. Long images usually take up a lot of space on the screen and it’s not easy to view the image at once.\u00a0This module solves the problem by allowing you to create a fixed height container and place the image inside it.\u00a0<\/p>\t\t\n\t\t\t\"\"\n\t\t<\/a>\t\n\t\t\t\"\"\n\t\t<\/a>\t\n\t\t

\n\t\t\tDisplay Panoramic Images with Horizontal Image Scroll\n\t\t<\/h3>\n\t\t\t

Displaying panoramic images within limited space isn’t easy and this is where you can use the module.\u00a0You can place the module inside a Beaver Builder column of the desired width to create a Horizontal Scroll behavior for the image.\u00a0<\/p>\t\t\n\t\t

\n\t\t\tVertical Mouse Scroll Action\n\t\t<\/h3>\n\t\t\t

We understand that auto-scroll on hover might not be the best-suited option for all the situations. So, the module also consists of a trigger method setting to create a Mouse Scroll action.\u00a0The scrolling behavior is aligned with the scroll action of the mouse wheel or touchpad so that the user can easily view the image as per their convenience.\u00a0<\/p>\t\t\n\t\t\t\"\"\n\t\t<\/a>\t\n\t\t\t\t\t\t\t\t\t

Mouse Scroll<\/p>\n\t\t\t\"\"\n\t\t<\/a>\t\n\t\t\t\t\t\t\t\t\t

Horizontal Scroll<\/p>\n\t\t

\n\t\t\tHorizontal Mouse Scroll Action\n\t\t<\/h3>\n\t\t\t

Just like the vertical scroll option, creating auto-scroll for Horizontal images might not be a good idea or you might like to change the action method. So, you can set it to scroll the image with mouse scroll behavior. Here’s an example of the Horizontal Scroll with Mouse Scroll action.\u00a0<\/p>\t\t\n\t\t

\n\t\t\tShare your Portfolio with Image Scroll Module \n\t\t<\/h3>\n\t\t\t

Showcase full-size web page layouts easily and in an efficient manner.<\/p>\t\t\n\t\t\t\"\"\n\t\t<\/a>\t\n\t\t\t\"\"\n\t\t<\/a>\t\n\t\t\t\"\"\n\t\t<\/a>\t\n\t\t\t\"\"\n\t\t<\/a>\t\n\t\t

\n\t\t\tGet Access to 350+ Beautiful Templates & 65+ Creative Modules.\n\t\t<\/h3>\n\t\t\t

Buy worry free with our 14-Days Money Back Guarantee.\u00a0<\/p>\t\t\n\t\n\t\t\t\tGET POWERPACK<\/strong>\n\t\t\t<\/a>\n\t\t\t\t\"\"\n","protected":false},"excerpt":{"rendered":"

Image Scroll Module for Beaver Builder Image Scroll module for Beaver Builder gives you a creative way to display Images on your website. Styling Options Image Scroll module for Beaver Builder comes with several styling options so you get control over almost every aspect of the module.\u00a0 Scroll Behavior Get complete control of the scroll…<\/p>\n","protected":false},"author":1935,"featured_media":0,"parent":79,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/187667"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/1935"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=187667"}],"version-history":[{"count":1,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/187667\/revisions"}],"predecessor-version":[{"id":320540,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/187667\/revisions\/320540"}],"up":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/79"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=187667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}