![]() ![]() Stops the autoplay after one complete cycle. data-play-once (or autoplay) Type: Bool | Default: false | optional data-autoplay (or autoplay) Type: Bool | Default: false | optionalĪutoplay 360 spin view on load. data-keys-reverse (or keys-reverse) Type: Bool | Default: false | optional Support 360 spins by pressing the arrow keys on the keyboard. data-keys (or keys) Type: Bool | Default: false | optional data-amount-y (or amount-y) Type: Number | Default: 0 | optionalĪmount of images to load in the Y-axis for 360 views. data-amount-x (or amount-x) Type: Number | Default: 36 | optionalĪmount of images to load in X-axis for 360 views. The same for data-amount-x but for images set in Y-axis. Type: String | Default: image-.jpg | optional.Type: String | Value: “cloudimage-360” | required.New Free JavaScript Photo Gallery Libraries.Top JavaScript and JQuery File Upload Libraries.Best JavaScript Data Table Libraries 2023.Best Carousel Slider Plugins with Demos.Latest Best JavaScript Countdown Timer Plugins.Top Javascript And jQuery Color Picker Plugins.Best JavaScript Calendar Libraries 2023.You can also use the shortcode to override the global settings. Yes, you can use global settings in the settings page. ![]() You can fill the ACF field with the shortcode and it will be used by the block. In that case you must set the block to use the ACF code for presentation. In the settings there is an options to define the ACF field what must be used by the Gutenberg block or Elementor block. How does it work with Advanced Custom Fields? In that case you must set the block to use the WooCommerce product code for presentation. You can also use the shortcode in combination with a Gutenberg lock or Elementor block. ![]() Then the viewer will be shown in the product gallery. You need to have images in your gallery and you need the shortcode filled into the product properties. Some people find it hard to construct a shortcode by hand, that’s why we created a tool te make it more convenient. float use left or right to align the presentationįAQ Why am I redirected to your website for creating a shortcode?.max-width sets the max-width of the presentation in px.stop-at-edges blocks repeating images after reaching last image.auto-rotate-reverse use this setting for changing the direction of the auto rotating.auto-rotate-speed use this setting for changing the speed of the auto rotating.0 is no rotation and 10 is 10 rotations at start Rotation stops when user drags the model or another animation method is called. auto-rotate use this setting for rotating the view at start.image-url-format give a format for the next frames.reverse inverts the rotation direction when dragging.inertia is the delay when the user stops dragging.total-frames is the total number of frames in the presentation.main-image-url is the url to the main image, that is the base for all the other frames.Generate the shortcodes online example: // will take the default imageĮxample: Go your Plugins page in the WordPress Dashboard and activate it.Upload the plugin files to the your_wordpress_plugins_dir/360deg-javascript-viewer directory, or Install as a regular WordPress plugin. ![]()
0 Comments
Leave a Reply. |