Новости Joomla

VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5

👩‍💻 VKGallery — плагин вставки альбомов VK для Joomla.VKGallery — расширение для Joomla 3.x–5.x, которое позволяет вставлять фотоальбомы ВКонтакте прямо в материалы сайта. Поддерживаются режимы: сетка, слайдер и кирпичная кладка (masonry). Мобильный UX и свайпы в комплекте.- 3 типа галерей: слайдер, сетка и masonry- Быстрая работа. AJAX-подгрузка, кэширование запросов, ленивая загрузка изображений.- Мобильный UX. Свайпы, оптимизация под сенсорное управление и адаптивный дизайн.Плагин использует шорткод {vkgallery type="album_grid"}album-123456789_987654321{/vkgallery}.Страница расширенияДемоРазработчик - участник нашего сообщества Сергей Парфёнов (@Aprol).@joomlafeed#joomla #vk #расширения

Swiper.js, документация на русском языке

👩‍💻 Swiper.js, документация на русском языке.Добавил переводы документации современного скрипта слайдера swiper.js на русский язык. Документация эта относится к плагину веб-ассета для Joomla WT JSwiper, который подключает скрипт нативным для Joomla 4+ способом - с помощью Web Asset Manager.Сегодня добавлены: - Модули: Autoplay- Модули: Grid- Модули: Free Mode- Модули: Manipulation- Эффекты: Затухание (Fade Effect)- Модули: Parallax- Модули: Lazy Loading- Эффекты: Перелистывание (Coverflow Effect)Читать документацию Swiper.js по-русски@joomlafeed#webdev #swiperjs #js #joomla

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js

Модуль материалов Joomla на Vue.js.Модуль выводит материалы с помощью JavaScript фреймворка Vue.js.Предназначен для опытных разработчиков Joomla, желающих интегрировать Vue в уже существующий функционал сайта без глобальной переделки проекта.Главное преимущество этого способа вывода информации - Скорость!Для примера. При выводе материалов через стандартный модуль mod_articles_news в количестве 1200 элементов Request Duration (время отдачи страницы) составило 3 секунды!!!При использовании же модуля с vue.js - 104 ms и это время в принципе не зависит от числа элементов. Так как страница отдается сразу, а вся обработка в модуле происходит асинхронно.Разработчик - участник нашего сообщества Дмитрий Денисов @mitriy_bug Страница расширения@joomlafeed#joomla #расширения

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

royun

  • Новичок
  • 2
  • 0 / 0
Баннер сайта с слайдером
« : 10.01.2013, 07:55:18 »
Добрый день.

 Как сделать чтобы на баннере сайта присутствовал модуль слайд-шоу как тут http://www.oknio.ru/

 Пробовал так:
 1. Создал сам баннер.
 2. Разбил его на 3 части.
 3. Разместил 1 часть баннера с помощью модуля Flexi Custom Code и в нем код Код CSS
Код
<div>
<img src="images/1.jpg" 
</div>
   
4. На той же позиции что и модуль Flexi Custom Code разместил модуль Slideshow CK.
 Результат:
 Модуль Slideshow CK оказывается на верху, а модуль Flexi Custom Code с рисунком внизу, а когда размещаю модули на разных позициях находящихся по горизонтали на одном уровне, то модуль Flexi Custom Code с рисунком в верху, а модуль Slideshow CK оказывается внизу.

Версия - Joomla 2.5
Сервер - Denver 3

Мне просто надо расположить рисунок и слайд-шоу рядом в одну линию.
« Последнее редактирование: 10.01.2013, 10:24:06 от royun »
Записан
*

royun

  • Новичок
  • 2
  • 0 / 0
Re: Баннер сайта с слайдером
« Ответ #1 : 10.01.2013, 11:31:05 »
В общем разобрался как можно это дело оформить. Надо просто отредактировать какой нибудь файл, например index.html и довести до требуемого результата. Затем этот код разместить в модуле Flexi Custom Code в нужной позиции. Вроде так.
А код примерно такой:
Код
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>position</title>
  <link rel="stylesheet" href="http://localhost/modules/mod_slideshowck/assets/camera.css" type="text/css" />
  <style type="text/css">
#camera_wrap_91 .camera_pag_ul li img {width:100px;height:75px;}
  </style>
  <script src="http://localhost/modules/mod_slideshowck/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/media/system/js/core.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/media/system/js/caption.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/media/system/js/mootools-more.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/assets/jquery.min.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/assets/jquery.easing.1.3.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/assets/jquery.mobile.customized.min.js" type="text/javascript"></script>
  <script src="http://localhost/modules/mod_slideshowck/assets/camera.min.js" type="text/javascript"></script>
  <script type="text/javascript">
window.addEvent('load', function() {
				new JCaption('img.caption');
			});
  </script>

 </head>
<style>
span.avatar1, span.avatar2, span.avatar3 {
  background: url(banner.jpg) no-repeat 0 0;
  width: 670px;
  height: 320px;
  display: block;
  float: left;
}
 span.avatar2 {background-position: 10 32px;} 
 span.avatar3 {background-position: 152px 0;} 
  </style>
 <body>
 <span class="avatar1">&nbsp;</span> 



<script type="text/javascript"> <!--
       jQuery(function(){
        jQuery('#camera_wrap_91').camera({
                height: '260',
                fx: 'simpleFade',
                loader: 'pie',
                pagination: 0,
                thumbnails: 0,
                time: 7000,
                transPeriod: 1500,
                alignment: 'center',
                autoAdvance: 1,
                mobileAutoAdvance: 1,
                portrait: 1,
                barDirection: 'leftToRight',
                imagePath: 'http://localhost/modules/mod_slideshowck/images/',
                navigationHover: true,
                navigation: true,
                playPause: true,
                barPosition: 'bottom'
        });
}); //--> </script>
<div class="slideshowck camera_wrap camera_amber_skin" id="camera_wrap_91" style="width:370px;">
		<div data-thumb="http://localhost/images/Foto/CIMG0019_280_th.jpg" data-src="http://localhost/images/Foto/CIMG0019_280.jpg" >
		                <div class="camera_caption fadeFromBottom">
			This is a bridge		</div>
                	</div>
		<div data-thumb="http://localhost/images/Foto/IMG_1629_280_th.jpg" data-src="http://localhost/images/Foto/IMG_1629_280.jpg" >
		                <div class="camera_caption fadeFromBottom">
			This is a Video slide		</div>
                	</div>
		<div data-thumb="http://localhost/images/Foto/IMG_2903_280_th.jpg" data-src="http://localhost/images/Foto/IMG_2903_280.jpg" >
			</div>
		<div data-thumb="http://localhost/images/Foto/DSC00894_280_th.jpg" data-src="http://localhost/images/Foto/DSC00894_280.jpg" >
		                <div class="camera_caption fadeFromBottom">
			This slideshow uses the JQuery script from <a href="http://www.pixedelic.com/plugins/camera/">Pixedelic</a>		</div>
                	</div>
		<div data-thumb="http://localhost/images/Foto/IMG_2772_280_th.jpg" data-src="http://localhost/images/Foto/IMG_2772_280.jpg" >
			</div>
		<div data-thumb="http://localhost/images/Foto/P4285362_280_th.jpg" data-src="http://localhost/images/Foto/P4285362_280.jpg" >
			</div>
	</div>
<div style="clear:both;"></div>

</body>
</html>
Может кому-то помогу.
Тема закрыта.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Убрать уровни подкатегорий в меню

Автор desaund1

 Ответов: 0
Просмотров: 1346 		Последний ответ 10.08.2017, 22:34:06
от desaund1
Изменить форму на главной ?

Автор warlocksp

 Ответов: 2
Просмотров: 1199 		Последний ответ 19.02.2017, 15:44:11
от warlocksp
Дублирование на сайте

Автор derenikp

 Ответов: 3
Просмотров: 1320 		Последний ответ 08.01.2017, 17:30:00
от derenikp
Переменная в ссылках.Не выполняется задаm

Автор ghostcom

 Ответов: 25
Просмотров: 1607 		Последний ответ 06.09.2016, 17:13:20
от ghostcom
ошибка "File for Model inventory not found"

Автор polgrig

 Ответов: 0
Просмотров: 1360 		Последний ответ 05.08.2016, 14:36:02
от polgrig