logo

Welcome to

paradise

We would like to thank you for purchasing Paradise Slider!
We are very pleased that you have chosen Paradise Slider for your Project.

Buy Now

Quick Use

01 - Get Started

Required Files And Folders


Please follow the instructions:

  1. Please upload the paradise folder to your server. In this folder you will find the following sub folders containing all of the slides content:
    • js
    • css
    • fonts
    • images
    • font-awesome-4.7.0
    If your Paradise Slider is placed in a different folder, don’t forget to change the file paths in the upcoming examples!

  2. This step is very important, because product functionality depends on these files, so please first of all attach these files carefully. CSS in <head> section and JavaScript in <body> section:

Or by using CDN

You can load Bootstrap and jQuery files with a single line of code from their official online sources. You don't even have to download or install anything!

mega vs single

You can use Paradise Slider CSS in two ways:

HTML Markup

After attaching all of the above files you will be able to attach HTML. We have prepared 302 HTML Markup Files. You can find these files in main Paradise Slider folder

.

Now Please Follow the Instructions to use HTML Markup:

  
  1. Open HTML file that you want to use in a code editor such as Notepad++
  2. Copy all HTML code of <body> Section
     
	 From: <!-- Paradise Slider -->
	 
	 To: <!-- End Paradise Slider -->
  
  3. Paste this code in your own Project file

		

FAQ

How To Stop auto slide cycling ?

You can stop the cycling by using data-interval="false"

How To increase or decrease the time duration between slides ?

You can get the required result by increasing or decreasing value of data-interval="5000".The value of data attribute is in in milliseconds. The default value of this attribute is 5000.

How To increase or decrease the time duration of sliding ?

You can get the required result by increasing or decreasing value of data-duration="2000".The value of data attribute is in in milliseconds. The default value of this attribute is 500.

How To change transition timing function of sliding ?

You can change it by using a class after main .carousel class. You can find complete function list here

09 - Support

Please do not hesitate if you have any queries about this product. We are always there for your help. You can contact us on this e-mail address szthemes53@gmail.com