How to use Image Slider

This question takes a grid single question with images in the column headings and creates a slider that changes an central image as the respondent move the slider handle.

Options

Slider Image Styling

  • Slider Image Height - The height of the slider image displayed.
  • Slider Image Width - The width of the slider image displayed.


Scrolling Item Styling

  • Scrolling item height - The height of the scrolling item.
  • Scrolling item width - The width of the scrolling item.
  • Scrolling item Top Padding - Padding above the text or picture in the scrolling item

  • Scrolling Item Spacng - The spacing above and below the scrolling item

  • Scolling item rounded - Select for rounded corners on the scrolling item
  • Scolling item Background Colour - The background colour of the scrolling item.

Scrolling Item Border

  • Scrolling Item Border - Select to have a border around the scrolling item.
  • Scrolling Item Border Width - Set the width of the border around the scrolling item
  • Scrolling Item Border Colour - Set the colour of the border around the scrolling item
  • Scrolling Item Border Style - Set the style of the border around the scrolling item

Scrolling Item Text Styling

  • Copy Editor Text Styling - Copy font size, weight and horizontal alignment from editor
  • Text colour - Colour of the text displayed on the scrolling item.
  • Button Text Size - Set the font size  of any text contained within the scrolling item.
  • Button Text Weight - Set the font weight  of any text contained within the scrolling item.
  • Button Text Style- Set the font style  of any text contained within the scrolling item.
  • Button Text Style- Set the font style  of any text contained within the scrolling item.
  • Button Text Style- Set the font style  of any text contained within the scrolling item.
  • Horizontal alignment of text - The horizontal alignment of any text contained within the scrolling item.

Scrolling Item Animation

  • Scroll Time - The time in milliseconds (ms) that the scrolling item takes to leave and then enter the screen. The lowest value you can enter is 1.

Advanced

  • Debug – For advanced users only, this option will display JavaScript errors as they occur in an internet browser.