Download HERE (241 times)

How to use the EMSlide :
--> Read the ReadMe.txt on the ZIP file,
1- Extract all the files
2- You can see the finall preview of the slide by clicking on the index.html
3- copy this HTML code and past it on your page,in your desire page:

<div id="EMSlide">
"You Add the images here"
</div>
<script type="text/javascript" src="EMSlide/EMSlide.js"></script>

4- copy this HTML ligne and post it on your head (between <head></head>):
<link rel="stylesheet" href="EMSlide/EMSlide.css" type="text/css"/>
5- copy the EMSlide folder and past it in the same folder with your page..
6- to add images, add them like this:

 Example:

<div id="EMSlide">
    " You Add the images here "
    <a><img src="1.png"/></a>
    <a><img src="myIMG.png"/></a>
    <a><img src="images/hello.png"/></a>
</div>
<script type="text/javascript" src="EMSlide/EMSlide.js"></script>

in this example we add 3 images, you have to open an '<a></a>' and add the img inside
you can add many imgs you want, the max is 36.

7- to edit the WIDTH or the HEIGHT of the images:
open the EMSlide.js(in the EMSlide Folder)
You will find two zones, azone that you can edit and a zone you can't;
in the Zone that you can edit you will find this two lignes :
     var imgWidth=200;
     var imgHeight=200;
the actuel width and height is 200px, if you want an 300px*250px you change the 2 lignes to this:
     var imgWidth=300;
     var imgHeight=250;