https://github.com/aichbauer/img_slider

a simple img_slider created with jquery, ready to use in every project
https://github.com/aichbauer/img_slider

Last synced: 10 months ago
JSON representation

a simple img_slider created with jquery, ready to use in every project

• Host: GitHub
• URL: https://github.com/aichbauer/img_slider
• Owner: aichbauer
• License: gpl-2.0
• Created: 2015-10-29T20:13:33.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-11-14T16:27:31.000Z (about 10 years ago)
• Last Synced: 2025-03-04T20:40:51.668Z (10 months ago)
• Language: JavaScript
• Homepage:
• Size: 168 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#img_slider

a simple img_fader created with jquery

AUTHOR: AICHBAUER LUKAS

email: rudolfson.junior@gmail.com

***

## how to use

***

import the css and the js file to your html file.

don't forget to import jQuery in your project... import it in front of the img_slider.js

    

    

    

create a new div in your html file

    


    


give it the id slider

now import pictures on your project and link the paths in the var images array on the img_slider.js

example:

    var images = ["http://localhost/tuts/img_slider_tut/img/bg1.jpg","http://localhost/tuts/img_slider_tut/img/bg2.jpg]

changing height and width of the slider in the css file and the js file

css

    sliderWindow

    {

       position: relative;

       width: CHANGE ME;

       height: CHANGE ME;

       margin: 0 auto;

       padding: 0;

       overflow: hidden;

       border: solid grey;

    }

    

js

    var slideWidth = CHANGE ME;