diff options
Improve 360-Degree Viewer again
1 files changed, 4 insertions, 4 deletions
| -rw-r--r-- | docs/src/experimentals/viewer-360.pug | 8 |
diff --git a/docs/src/experimentals/viewer-360.pug b/docs/src/experimentals/viewer-360.pug index fb7e142..f382097 100644 --- a/docs/src/experimentals/viewer-360.pug +++ b/docs/src/experimentals/viewer-360.pug @@ -29,12 +29,12 @@ block docs-content .docs-demo.columns .column.col-12 .viewer-360 - input.viewer-slider.slider(type="range" min="1" max="30" value="1" oninput="this.setAttribute('value', this.value);") - figure.viewer-image(style="background-image:url('https://i.loli.net/2018/11/25/5bfaa0b4ba850.jpg');padding-bottom:37.5%;width:100%;") + input.viewer-slider.slider(type="range" min="1" max="36" value="1" oninput="this.setAttribute('value', this.value);") + figure.viewer-image(style="background-image:url('https://i.loli.net/2018/11/26/5bfc0ab4a5a4f.jpg');padding-bottom:37.5%;width:100%;") p.text-center | Photo credits: - a(href="https://microsoft.msafflnk.net/c/1272791/433017/7593?u=https://www.xbox.com/en-us/xbox-one-x" target="_blank") Microsoft Xbox One X + a(href="https://microsoft.msafflnk.net/c/1272791/433017/7593?u=https://www.microsoft.com/en-us/p/surface-studio-2/8SBJXM0M58T4" target="_blank") Microsoft Xbox One X p | You will need to use your own product image sprite (all angle of photos in one image) and set the attribute #[code max] to the image numbers to use this component. @@ -48,7 +48,7 @@ block docs-content </div> p - | The default image numbers in CSS are #[code 36] and #[code 30]. You can copy the mixin and add more numbers in #[code _viewer-360.scss] and re-compiling the CSS. + | The default image numbers in CSS are #[code 36]. You can copy the mixin and add more numbers in #[code _viewer-360.scss] and re-compiling the CSS. pre.code(data-lang='SCSS') code |