Search code examples
jssor

Jssor Customizable

I'm using Jssor for slide a photo album but I need to know some points:

 1 - I need to have 4 albuns how can I switch from album to album by 4 buttons I have on right of the images

 2 - I need to configure the squares of the navigator to appear bellow each button of the album

 3 - Have the legend of each image appear below the image.

I need to setup something like this: http://www.hugogomes.pt/demos/demo.jpg

  Thanks in advance for any tips.
Solution
    1. Given you have 4 sliders and 4 buttons (buttons are your own outside slider), make 1 slider visible and the other 3 hidden. Detect click of buttons and switch slider to display.
    2. Position of navigator is adjustable. Note that 'slides' container and navigator container are in the 'outer container'. You can adjust position (style="...top: ...px; left: ...px;") for 'slides' container and navigator container. Reference: http://www.jssor.com/development/tip-arrange-layout-adjust-size.html
    3. Content of every slide is fully customizable. You can define slide html as <div><!-- any html code here --></div> Reference: http://www.jssor.com/development/define-slides-html-code.html