You are here

Home » API reference » Jssor Slider 8

README.txt in Jssor Slider 8

Same filename and directory in other branches
  1. 7 README.txt
## Installation

First you create new folder either in the sites/all/modules folder or just
directly in the modules folder at the drupal root.
The good news is that you can move the folder event after it's already enable.
No more need to rebuild the registry. You can thanks the clever autoloading
capability of Drupal 8.

## Requirements

Download the jssor slider, rename the folder as 'jssor-slider' and place it
under your libraries folder. So you structure should look like this:
libraries/jssor-slider/js/jssor.slider.min.js

http://www.jssor.com/download-jssor-slider-from-github.html

## Why jssor slider

Light Weight: minimum 17KB code snippet
High Performance: smooth animation with low cpu usage
Flexible: tons of options and api interfaces
Design: easy to adapt skins and look and feel

## Plugin Features

- Simple, easy to use interface – perfect for individual users.
- Create Responsive slideshows in seconds
- Unrestricted support for Image slides (supports caption, link, description text)
- Full width slideshow support
- Fast – only the minimum JavaScript/CSS is included on your page
- Touch + drag navigation
- 390+ caption effects/transitions
- 360+ slideshow effects/transitions: http://www.jssor.com/development/tool-slideshow-transition-viewer.html
- 18+ arrow skins
- 16+ bullet skins
- Auto detect vertical/horizontal drag
- Multiple sliders in one page
- Cross browser support

## Browser Compatibility

- IE6+
- Chrome 3+
- Firefox 2+
- Safari 3.1+
- Opera 10+
- Mobile browsers( iOS, Android, Windows, Windows Surface and Mac are all supported)

USAGE
-----
## Enable the jssor_example module.

This will give you a new content type and a few pre-configured views.

## How to create a new view slider.

1) Create a view
2) View Settings - Show Content of type [whatever type you want].
3) Create the view and click the 'block' option
4) In the Block Settings area, Display Format = JSSOR Slider of type Fields, don't use a pager
5) Save & Edit
6) Add fields such as title, image and maybe a new field on that content-type called 'teaser-phrase'
7) Order the fields so the image is last and suppress display of the title and teaser phrase **
8) Set the JSSOR Settings
9) save it

ROADMAP
-------
1) Add drush support to download library.
2) Add more options
3) Add more theming
4) Add field formatter

File

README.txt
View source 
  1. ## Installation

  2. 

  3. First you create new folder either in the sites/all/modules folder or just

  4. directly in the modules folder at the drupal root.

  5. The good news is that you can move the folder event after it's already enable.

  6. No more need to rebuild the registry. You can thanks the clever autoloading

  7. capability of Drupal 8.

  8. 

  9. ## Requirements

  10. 

  11. Download the jssor slider, rename the folder as 'jssor-slider' and place it

  12. under your libraries folder. So you structure should look like this:

  13. libraries/jssor-slider/js/jssor.slider.min.js

  14. 

  15. http://www.jssor.com/download-jssor-slider-from-github.html

  16. 

  17. ## Why jssor slider

  18. 

  19. Light Weight: minimum 17KB code snippet

  20. High Performance: smooth animation with low cpu usage

  21. Flexible: tons of options and api interfaces

  22. Design: easy to adapt skins and look and feel

  23. 

  24. ## Plugin Features

  25. 

  26. - Simple, easy to use interface – perfect for individual users.

  27. - Create Responsive slideshows in seconds

  28. - Unrestricted support for Image slides (supports caption, link, description text)

  29. - Full width slideshow support

  30. - Fast – only the minimum JavaScript/CSS is included on your page

  31. - Touch + drag navigation

  32. - 390+ caption effects/transitions

  33. - 360+ slideshow effects/transitions: http://www.jssor.com/development/tool-slideshow-transition-viewer.html

  34. - 18+ arrow skins

  35. - 16+ bullet skins

  36. - Auto detect vertical/horizontal drag

  37. - Multiple sliders in one page

  38. - Cross browser support

  39. 

  40. ## Browser Compatibility

  41. 

  42. - IE6+

  43. - Chrome 3+

  44. - Firefox 2+

  45. - Safari 3.1+

  46. - Opera 10+

  47. - Mobile browsers( iOS, Android, Windows, Windows Surface and Mac are all supported)

  48. 

  49. USAGE

  50. -----

  51. ## Enable the jssor_example module.

  52. 

  53. This will give you a new content type and a few pre-configured views.

  54. 

  55. ## How to create a new view slider.

  56. 

  57. 1) Create a view

  58. 2) View Settings - Show Content of type [whatever type you want].

  59. 3) Create the view and click the 'block' option

  60. 4) In the Block Settings area, Display Format = JSSOR Slider of type Fields, don't use a pager

  61. 5) Save & Edit

  62. 6) Add fields such as title, image and maybe a new field on that content-type called 'teaser-phrase'

  63. 7) Order the fields so the image is last and suppress display of the title and teaser phrase **

  64. 8) Set the JSSOR Settings

  65. 9) save it

  66. 

  67. ROADMAP

  68. -------

  69. 1) Add drush support to download library.

  70. 2) Add more options

  71. 3) Add more theming

  72. 4) Add field formatter