Главная » Уроки » Уроки по Modx Evo » [Modx Evo] Слайдер на MODx через сниппет
[Modx Evo] Слайдер на MODx через сниппет
- Скачиваем сниппет
- Распаковываем, файлы js кидаем в папку assets/js/
- Создаем новы сниппет с названием FancyTransitions , закидываем содержимое скаченного файла
- Создаем чанк {{slidesow}} с содержанием
[!FancyTransitions? &tpl=`kartink`!]
- Создаем чанк {{kartink}} с содержанием
<img src='assets/images/001.jpg' alt='название ' /><a
href ='[~2~]'> </a>
<img src='assets/images/002.jpg' alt='название' />
<a href ='[~2~]'> </a>
<img src='assets/images/003.jpg' alt='название' />
<a href ='[~2~]'> </a> - Загружаем картинки assets/images/
- Все
Все, слайдер на modx готов.
Параметры, которые меняются в коде сниппета
- $effect = (isset($effect)) ? $effect : 'zipper'; // wave, zipper, curtain // волны, молнии, занавес
- $width = (isset($width)) ? $width : 480; // width of panel // ширина панели
- $height = (isset($height)) ? $height : 270; // height of panel // высота панели
- $strips = (isset($strips)) ? $strips : 20; // number of strips / /количество полос
- $delay = (isset($delay)) ? $delay : 5000; // delay between images in ms / /задержка между изображениями в формате ms
- $stripDelay = (isset($stripDelay)) ? $stripDelay : 50; // delay beetwen strips in ms / /задержка между полос в ms
- $titleOpacity = (isset($titleOpacity)) ? $titleOpacity : '0.7'; // opacity of title // непрозрачность название
- $titleSpeed = (isset($titleSpeed)) ? $titleSpeed : 1000; // speed of title appereance in ms // скорость название appereance в ms
-
$position = (isset($position)) ? $position : 'alternate'; // top, bottom, alternate, curtain // сверху, снизу, заместителей, занавес
- $direction = (isset($direction)) ? $direction : 'fountainAlternate'; // left, right, alternate, random, fountain, fountainAlternate // влево, вправо, другие, случайные, фонтан, фонтанальтернативный
-
$navigation = (isset($navigation)) ? $navigation : 'false'; // prev and next navigation buttons // вкл и выкл кнопки навигации
- $links = (isset($links)) ? $links : 'false'; // show images as links // вкл, выкл ссылки с изображения