diff options
Change Carousels image number to variable #428
2 files changed, 6 insertions, 1 deletions
| -rw-r--r-- | docs/src/experimentals/carousels.pug | 3 | ||||
| -rw-r--r-- | docs/src/experimentals/viewer-360.pug | 4 |
diff --git a/docs/src/experimentals/carousels.pug b/docs/src/experimentals/carousels.pug index ad654ea..f6fb774 100644 --- a/docs/src/experimentals/carousels.pug +++ b/docs/src/experimentals/carousels.pug @@ -52,6 +52,9 @@ block docs-content label.nav-item.text-hide.c-hand(for="slide-2") 2 label.nav-item.text-hide.c-hand(for="slide-3") 3 label.nav-item.text-hide.c-hand(for="slide-4") 4 + + p + | The default image number of Carousels is #[code 8]. You can add more images by changing the variable #[code $carousel-number] in #[code _carousels.scss] and re-compiling the CSS. pre.code(data-lang='HTML') code diff --git a/docs/src/experimentals/viewer-360.pug b/docs/src/experimentals/viewer-360.pug index 3c185d3..f17b786 100644 --- a/docs/src/experimentals/viewer-360.pug +++ b/docs/src/experimentals/viewer-360.pug @@ -27,7 +27,9 @@ block docs-content a(href="https://microsoft.msafflnk.net/c/1272791/433017/7593?u=https%3A%2F%2Fwww.microsoft.com%2Fen-us%2Fp%2Fsurface-pro-6%2F8zcnc665slq5" target="_blank") Microsoft Surface Pro 6 p - | You will need to use your own product image sprite (all angle of photos in one image) and define variables to use this component. The default image number is #[code 36]. + | You will need to use your own product image sprite (all angle of photos in one image) and change the attribute #[code max] to use this component. + p + | The default image number in CSS is #[code 36]. You can change the image number by changing the variable #[code $image-number] in #[code _viewer-360.scss] and re-compiling the CSS. pre.code(data-lang='HTML') code |