filoSlider
Π ΠΎΡΠ°ΡΠΎΡ Ρ Π½Π΅ΠΎΠ±ΡΡΠ½ΡΠΌ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΡΠΌΠ΅Π½Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠ°
ΠΠ»Ρ ΡΠ°Π±ΠΎΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡ jquery, ΡΠ°ΠΌ ΡΠΊΡΠΈΠΏΡ ΠΈ css
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script> <script src='js/filoSlider.js'></script> <link rel="stylesheet" href="css/filoSlider.css">
ΠΠ½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ css
ΠΠ΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠ°Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ°
<div id="slider"> <img src="..."> ... <img src="..."> </div>
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅
$('#slider').filoSlider();
ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ (ΠΏΠΎ-ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ)
$('#slider').filoSlider({ 'slicesHorizontal' : 8, // ΠΊΠΎΠ»-Π²ΠΎ ΠΊΡΡΠΎΡΠΊΠΎΠ² ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ 'slicesVertical' : 8, // ΠΊΠΎΠ»-Π²ΠΎ ΠΊΡΡΠΎΡΠΊΠΎΠ² ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ 'timeout' : 2000, // ΡΠ°ΠΉΠΌΠ°ΡΡ ΡΠΌΠ΅Π½Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ 'fadeTimeout' : 5, // ΡΠ°ΠΉΠΌΠ°ΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΠΈΡΡΠ΅Π·Π°Π½ΠΈΠ΅ΠΌ ΠΊΡΡΠΎΡΠΊΠΎΠ² 'fadeTime' : 700, // Π²ΡΠ΅ΠΌΡ ΠΈΡΡΠ΅Π·Π°Π½ΠΈΡ ΠΊΡΡΠΎΡΠΊΠ° 'navigation' : true // ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ });