πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

filoSlider is a fast and easy jQuery plugin for creating a slideshow with random slice effects to slide through a group of images.

slide Slice

Documentation

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       // использованиС Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ });

You May Also Like