From 231e407a0123fc32263921dc5e55b18b5b7f2a43 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Mon, 26 Nov 2018 23:09:44 +0800 Subject: Improve 360-Degree Viewer again --- docs/src/experimentals/viewer-360.pug | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/src') 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 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 -- cgit v1.3.1-23-gd82d