Новости Joomla

joomLab Gallery - плагин галереи изображений для Joomla

👩‍💻 joomLab Gallery - плагин галереи изображений для Joomla.Плагин joomLab Gallery позволит Вам добавлять в любой материал неограниченное количество галерей, а главное удобно управлять файлами и эффектами в каждой галерее.Плагин использует популярны скрипты Swiper.js и FancyBox. Первый для крутой организации и эффектов галерей, а второй для красивого и функционального показа оригинальных изображений на Вашем сайте.На данный момент плагин имеет 10 макетов вывода - это 10 различных эффектов галерей и Вы можете совмещать все 10 в 1 материале.Плагин позволяет гибко настраивать индивидуально каждую галерею в материале. Вы можете выбрать макет, эффекты и даже можете управлять функциями всплывающего окна изображения.Недостатки.Такой вид реализации не предусматривает выбор изображения на сервере. Т.е. Вы не можете выбрать уже добавленное фото, только загружать заново. Плагин не предоставляет возможности доступа к медиа-менеджеру.Плагин бесплатный. Разработчик - участник нашего сообщества Александр Новиков (@pro-portal).Страница расширения@joomlafeed#joomla #расширения

Готовлю большой выпуск, включающий интервью с участниками Joomla Ну что, интересная инициатива от...

Готовлю большой выпуск, включающий интервью с участниками Joomla Ну что, интересная инициатива от...

Готовлю большой выпуск, включающий интервью с участниками Joomla 🖨Ну что, интересная инициатива от @webtolkru в виде интервью с разными участниками весьма меня увлекла. Я, вооружившись данным примером, решил подготовить выпуск для NorrNext (@norrnext) и экстраполировал идею на международный масштаб. Теперь готовлю эксклюзивный выпуск с участниками Joomla сообщества со всего мира, которые, в той или иной мере, внесли свой вклад в развитие и популяризацию системы. Будут беседы с людьми из разных стран и фото с юбилейной символикой 📸Работа в процессе 👆 📝О результатах оповещу отдельно.

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 4637 Просмотров
*

Photoshopper

  • Осваиваюсь на форуме
  • 16
  • 0 / 0


Подскажите хотя бы что-то похожее на Joomla 2.5.6
*

buyanov

  • Захожу иногда
  • 188
  • 29 / 1
  • Сайты 74
Код: javascript
function slider(){
var container = $('slidecontainer'); //элемент в котором лежит слайдер

if (container){

var slides = container.getElement('div'),
slideDuration = 5000, //задержка между слайдами
count = 5, //количество слайдов если они лежат отдельными блоками то можно автоматически определить например conteiner.getElements('li').length();
current = 0, //стартовый слайд
interval, //переменная для хранения таймера
step = 280, //это тоже можно автоматом определять (длина одного слайда)
block = false, //блокировка кнопок на время анимации
w = step*count; //общая длина слайда


container.fx = new Fx.Morph(slides, {duration: 500, transition: Fx.Transitions.Cubic.easeOut, wait: false, 'onComplete' : function(){block = false;}}).set({'margin-left' : 0});

var show = function(v) {
if (block){
return;
}
block = true;
current += v || 1;
if (current >= count){
current = 0;
}
if (current < 0){
current = count-1;
}
container.fx.start({'margin-left' : -step*current});
};

container.next = function(){
show();
};
container.prev = function(){
show(-1);
};
container.nav = function(i){
current = i;
show(0);
};

interval = show.periodical(slideDuration);


}
}

запускается слайдер просто
Код: javascript
window.addEvent('domready', function(){slider()});

Вариант с кнопками навигации получается из этого тоже просто
$('#nav-btn-left').addEvent('click', function(){container.prev()})
$('#nav-btn-right').addEvent('click', function(){container.next()})

вот HTML - который можно сделать обычным модулем (чтобы потом легко редактировать)
Код: html
<ul id="slidecontainer" class="slider">
<li style="width: 940px; "><img src="/images/slider/image-6.jpg">
<div class="text"></div>
</li>
<li style="width: 940px; "><img src="/images/slider/image-1.jpg">
<div class="text"></div>
</li>
<li style="width: 940px; "><img src="/images/slider/image-2.jpg">
<div class="text"></div>
</li>
<li style="width: 940px; "><img src="/images/slider/image-3.jpg">
<div class="text"></div>
</li>
<li style="width: 940px; "><img src="/images/slider/image-4.jpg">
<div class="text"></div>
</li>
<li style="width: 940px; "><img src="/images/slider/image-5.jpg">
<div class="text"></div>
</li>
</ul>
« Последнее редактирование: 24.08.2012, 06:39:35 от buyanov »
Создание сайтов, интернет-магазинов, оптимизация, продвижение, хостинг, безопасность, лечение от вирусов - мой сайт, телега, Хостинг
*

Photoshopper

  • Осваиваюсь на форуме
  • 16
  • 0 / 0
Подскажите пожалуйста как его правильно вставить, а то у меня что-то не получилось

я скопировал код в slider.js, подключил его

Код
<script language="JavaScript" type="text/javascript">window.addEvent('domready', function(){slider()});</script>
<script language="JavaScript" type="text/javascript" src="/templates/<?php echo $this->template ?>/js/slider.js"></script>

Затем у нужном месте вставил HTML код

Код
<ul id="slidecontainer" class="slider">
<li style="width: 940px; "><img src="/images/slider/image-6.jpg">
<div class="text">1</div>
</li>
<li style="width: 940px; "><img src="/images/slider/image-1.jpg">
<div class="text">2</div>
</li>
<li style="width: 940px; "><img src="/images/slider/image-2.jpg">
<div class="text">3</div>
</li>
<li style="width: 940px; "><img src="/images/slider/image-3.jpg">
<div class="text">4</div>
</li>
<li style="width: 940px; "><img src="/images/slider/image-4.jpg">
<div class="text">5</div>
</li>
<li style="width: 940px; "><img src="/images/slider/image-5.jpg">
<div class="text">6</div>
</li>
</ul>

*

buyanov

  • Захожу иногда
  • 188
  • 29 / 1
  • Сайты 74
Код: javascript
window.addEvent('domready', function(){slider()});

можно запихнуть прям в конец файла slider.js
html модулем "произвольный HTML-код" вставили? (большого значения не имеет правда)

Код
<script language="JavaScript" type="text/javascript" src="/templates/<?php echo $this->template ?>/js/slider.js"></script>
эта строка должны быть после mootools.js
должно работать, а ссылка на сайт есть?
Создание сайтов, интернет-магазинов, оптимизация, продвижение, хостинг, безопасность, лечение от вирусов - мой сайт, телега, Хостинг
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Компонент для Joomla 4 Менеджер Мета Тегов

Автор azm1n

Ответов: 2
Просмотров: 971
Последний ответ 09.05.2025, 11:30:21
от azm1n
Ищу расширение 301 редиректов для Joomla 4

Автор azm1n

Ответов: 1
Просмотров: 1085
Последний ответ 04.05.2025, 22:41:05
от azm1n
Расширения для Joomla для просмотра анонимно историй в Instagram

Автор bgh97079

Ответов: 0
Просмотров: 1095
Последний ответ 24.12.2024, 19:47:43
от bgh97079
Телефонный справочник для Joomla 4

Автор kunsaid

Ответов: 2
Просмотров: 2628
Последний ответ 28.06.2023, 17:35:43
от kunsaid
Где взять корзину для Joomla 4 Joomshoping 5

Автор oleg1015

Ответов: 2
Просмотров: 2395
Последний ответ 13.04.2023, 22:45:28
от sergeytolkachyov