SchoolScience.org > Slideshow - advanced tool for slideshows, visualization, documentation, virtual tours, games and more

 
- Select folder to store your project or open folder with your project
- Select images for your slideshow

Application will generate images with multiple resolutions in *wepb format for each image with compression level specified in Image quality input field.
Generated images will be stored in "img" folder of your project folder.
If you change Image quality - press to update images.

Input images naming: p*h*v*m*.png / jpg / webp / ..., where * - numbers starting from 1
p - panorama number; h - horizontal view; v - vertical view; m - modification
Examples:
p1h1v1m1.png; ... p1hNv1m1.png - "N" horizontal views of single object
p1h1v1m1.png; ... p1hNv1mK.png - "N" horizontal views of single object where each has "K" modifications

Sample minimal product presentaion (download files). Product with variants and vertical movement (download files)


Sample minimal tutorial (download files)


- Add map for all / current panorama / current variant / current variant and panorama.
- Remove current map
- Move markers and iframes.
- Add clickable marker on map.
- Add transition marker which will forward users to panorama defined by Target panorama. Alternatively enable Link for transition marker, and it will forward you to webpage defined by link text field.
- Add HREF marker. Specify destination in link text field.
- Add Info marker. If info marker is clicked, iframe with address from link text field and dimensions defined by Iframe width and Iframe height is displayed. Use Iframe add background to remove iframe transperency. Use iframe always on to add iframe without "info" icon.
- Add custom marker function defined by Custom icon onclick text field. Select custom icon file using    button
- Activate tool and click on markers and iframes to remove them.

Adjust icon sizes using Current icon size and Map marker size
For all markers you can define on which variants / modifications they will be displayed using For variant

Use Full screen icon and Map icon checkboxes to enable / disable corresponding icons
Use Map angle to change initial map marker direction simultaneously for all maps. All first images of your panoramas should face the same direction.
Use Range to set range of view angles or to reverse direction of map marker rotation for current panorama
Use Reverse mouse horizontal and vertical to reverse mouse actions when dragging
Use Reverse arrows horizontal and vertical to reverse click actions of arrows
Use Dots views / panoramas to define if "dots" will be displayed and if click on "dots" will result in horizontal view or panorama selection
Use Numbers to define if numbers inside "dots" will be displayed
Use Arrows next view / panorama to define if arrows will be displayed and click actions for arrows
Click on Variants icons to select custom 32*32 icon for each variant
Use Animate time ms to define switch animation period for view / panorama / variant, and autoplay period
Audio files must be named p1h1 .. pNhN.mp3
Disable Keep view direction to to switch to first view on panorama change, not same view
Use Force play / pause button for autoplay

Hack for IOS fullscreen support:
<iframe id=ifr src=ifr.htm></iframe>
<script>
ifs=ifr.style
ifr_w=ifs.width; ifr_h=ifs.height; ifr_l=ifs.left; ifr_t=ifs.top; ifr_p=ifs.position
onmessage = (e)=>{
    if(e.data=='fs_on' ){ifs.width=ifs.height='100%'; ifs.position='fixed'; ifs.left=ifs.top=0}
    if(e.data=='fs_off'){ifs.width=ifr_w; ifs.height=ifr_h; ifs.left=ifr_l; ifs.top=ifr_t; ifs.position=ifr_p}}
</script>