Cum se foloseste ?

Instalare

1. Extrageti fisierele din arhiva.

2. Asigurati-va ca aveti inclus framework-ul jQuery:
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>

3. Includeti fisierul sursa (slider.js) si fisierul de stil (slider.css) in sectiune <HEAD> a paginii
<link type="text/css" rel="stylesheet" href="slider.css" />
<script type="text/javascript" src="slider.js"></script>

4. Creati o eticheta de tip <div> in sectiunea <BODY>, punteti-i un id (ex:"SliderulMeu") si introduceti in ea etichete de tip <img>, avand ca surse imaginile dorite si la atributul alt numele/descrierile imaginilor.
Ex:


										
										<div id="SliderulMeu">
										

											  <img src="imagine1.jpg" alt="titlu primei imagini" />
											

											  <img src="imagine2.jpg" alt="titlu celei de-a doua imagine" />
											

											  <img src="imagine3.jpg" alt="titlu celei de-a treia imagine" />
											

										</div>

5. Reintorceti-va in sectiunea <HEAD> a paginii si introduceti urmatoarul cod:


										
										<script type="text/javascript" language="javascript">
										

										  var slider_nou; //declarare variabila globala | poate avea orice nume
										

										

											  $(document).ready(function() {	//executa cand s-a terminat pagina de incarcat
											

					  	  	//Instantierea obiectul
											

											    slider_nou = new Slider("slider_nou", //arg1 -> numele variabile
											

                    "SliderulMeu", //arg2 -> numele etichetei <div> care a-ti scris-o mai devreme in sectiunea <BODY>
											

                    3, //arg3 (optional) -> intervalul de secunde pentru derularea automata a imaginilor
											

                    true);	//arg4 (optional) -> cand se instantiaza obiectul sa fie pornita derularea automata
											
	
											  });
											

										</script>