Новости Joomla

Поле для вставки видео RUTUBE в материалы

Поле для вставки видео RUTUBE в материалы.

Данное расширение позволяет интегрировать функционал видеогалереи непосредственно в материалы Joomla через систему дополнительных полей. Оно разработано для создания множественных коллекций видео без необходимости установки тяжелых сторонних компонентов.

Число ссылок в одном поле ограничено только возможностями вашего сервера и лимитами самой Joomla. Это предоставляет гибкий инструмент для контент-менеджмента, который положительно влияет на SEO и быстродействие сайта:

  • Оптимизация структуры: На сайте не плодятся материалы-пустышки, содержащие только плеер. Весь медиа-контент привязан к основному текстовому материалу.
  • Эффективность базы данных: Информация не забивает таблицу лишними записями, так как все ссылки хранятся в одном поле БД в рамках одного ID материала.
  • Скорость загрузки: Система предварительно выводит легкое превью-изображение ролика. Само видео загружается в модальном окне fancybox (скрипт нужно подключать отдельно) только по инициативе пользователя, что экономит трафик и ресурсы браузера.

Настройки и работа с полем:

  1. Укажите в настройках, для каких категорий материалов будет активно данное дополнительное поле.
  2. В интерфейсе редактирования статьи откройте появившуюся вкладку "Вставка видео".
  3. Добавляйте ссылки на ролики Rutube. Поддержка множественного ввода позволяет создавать галереи любого объема.

Разработчик — участник нашего сообщества Дмитрий Денисов (Telegram: @mitriy_bug).

Страница расширения с подробным описанием: https://www.codersite.ru/dev/joomla/pole-dlya-vstavki-video-rutube-v-materialy

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

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
должно работать, а ссылка на сайт есть?
Создание сайтов, интернет-магазинов, оптимизация, продвижение, хостинг, безопасность, лечение от вирусов - мой сайт, телега, Хостинг
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Информация о https://all-for-joomla.ru/

Автор Preview

Ответов: 1
Просмотров: 401
Последний ответ 18.11.2025, 18:59:32
от wishlight
Компонент для Joomla 4 Менеджер Мета Тегов

Автор azm1n

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

Автор azm1n

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

Автор bgh97079

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

Автор kunsaid

Ответов: 2
Просмотров: 2992
Последний ответ 28.06.2023, 17:35:43
от kunsaid