Новости Joomla

JoomGallery 4.1.0 - компонент галереи изображений для Joomla

JoomGallery 4.1.0 - компонент галереи изображений для Joomla

JoomGallery 4.1.0 - компонент галереи изображений для Joomla.Новая итерация компонента продолжает развиваться, ведь с v.4.x компонент был переписан практически с нуля.👩‍💻 v.4.1.0. Что нового?- Редактирование метаданных изображений. Теперь метаданные можно не только читать, но и напрямую редактировать и записывать обратно в изображение JPG. Поддерживаются данные EXIF ​​и IPTC.- Полная совместимость с Joomla! 4.x, 5.x и 6.x. Компонент почистили от устаревших методов в коде.- Заметно ускорили загрузку больших галерей. Списки в админке, особенно для очень больших галерей ( >30 000 изображений), теперь загружаются значительно быстрее.- Несколько сеток lightGallery на одной странице. Будь то плагины контента или модули изображений: теперь вы можете отображать несколько галерей или категорий на одной странице без каких-либо ограничений.- Множество мелких исправлений ошибок и оптимизаций.Сайт проектаGitHub расширенияСкачать#joomla #расширения

Вышел релиз Joomla 5.3.2

Релиз исправлений ошибок Joomla 5.3.2

Проект Joomla рад сообщить о выпуске Joomla 5.3.2. Это релиз исправлений ошибок для серии Joomla 5.3.

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

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
mod_menu и CSS спрайт
« : 28.07.2012, 12:52:59 »
Привет всем

В mod_menu, при создании пункта меню, есть в "Параметры отображения ссылки" пункт: "Изображение ссылки", куда можно прикрепить какую-нибудь картинку, которая будет отображаться при выводе пункта меню. Для многих (в том числе и для меня - важный пункт создания меню).

Все хорошо, когда пунктов меню не много, но. когда (как у меня), пунктов меню под 300 шт., Joomla, загружает страницу (при первом входе на сайт) до 10-и секунд (подгружаются все картинки для каждого пункта меню), что не есть хорошо, т. к. общий "вес" всех картинок, приближается к 600 кб...

Вопрос:
    Как бы "прикрутить" к mod_menu возможность загружать не каждую отдельно взятую картинку для каждого пункта меню, а выбирать положение из CSS спрайта?

Заранее благодарю за ответы
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: mod_menu и CSS спрайт
« Ответ #1 : 28.07.2012, 12:55:28 »
Через CSS, для каждого пункта меню создается уникальный item-ID, к нему и привязывайтесь.
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #2 : 28.07.2012, 13:02:52 »
NightGuard, спасибо за ответ

Через CSS, для каждого пункта меню создается уникальный item-ID, к нему и привязывайтесь.
Ну, да, тут согласен - можно и так, но, если, станет вопрос, о добавлении/удалении какого-то конкретного пункта меню, то, это нужно будет лезть в код, и править в CSS файле CSS код. Верно?

Не вопрос, если пункт меню, буду добавлять/удалять я, а если это будет делать юзер, который далек от CSS, HTML и PHP...

Хотелось бы, решить задачу, модификацией mod_menu таким образом, чтобы при создании пункта меню, в админке Joomla, была возможность ввода координат конкретной картинки в CSS спрайте. Возможно ли такое сделать?
*

NightGuard

  • Живу я здесь
  • 2927
  • 378 / 7
  • вжжж-вжжж
Re: mod_menu и CSS спрайт
« Ответ #3 : 28.07.2012, 13:11:23 »
Думаете пользователь сообразит как координаты вычислить? )) Как по мне это те же яйца - вид в профиль ))
Идеология сверхпотребления более опасна для человечества, чем идеология гитлеровского тоталитаризма
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #4 : 28.07.2012, 13:19:05 »
Думаете пользователь сообразит как координаты вычислить?
Согласен - тож гемор, но, все же проще объяснить как координаты вычислить, нежели учить "чайника" CSS
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #5 : 28.07.2012, 13:33:44 »
Согласен - тож гемор, но, все же проще объяснить как координаты вычислить, нежели учить "чайника" CSS
В шаблоне переделать чуть-чуть, чтоб картинка была не картинкой а фоном. А с координатами уже чуть сложнее. Нужно доп. поля вводить. Тогда уже стоит вопрос в создании отдельного модуля, чтоб не хакать.
Создание сайтов, шаблонов, помощь в решении проблем.
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #6 : 28.07.2012, 13:40:51 »
Efanych, спасибо за ответ

В шаблоне переделать чуть-чуть, чтоб картинка была не картинкой а фоном. ...
Как вариант! Но, все же (насколько я понимаю - могу ошибаться), это все равно подгрузка... Т. е., время загрузки, да, возможно сократиться, но, не на много - пару секунд, возможно мы и уберем из моих 10-и

... А с координатами уже чуть сложнее. Нужно доп. поля вводить. Тогда уже стоит вопрос в создании отдельного модуля, чтоб не хакать.
Лично у меня, для вывода меню, уже создан свой модуль (все никак руки не доходят, сюда написать как я это сделал - слишком большая статья получится), т. е., меня, создание доп. полей - не пугает. Вопрос только в том, как это сделать - вот этого - не понимаю
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #7 : 28.07.2012, 13:46:38 »
Цитировать
Но, все же (насколько я понимаю - могу ошибаться), это все равно подгрузка...
Подгрузка, но уже можно спрайт использовать. Например в разметке было <img src="$img" width="$width" height="$height"> а сделать
<span style="width:$width;height:$height; background:url($img) $dop_pole1 $dop_pole2" > как-то так.
$dop_pole1 $dop_pole2 - координаты в спрайте.
Создание сайтов, шаблонов, помощь в решении проблем.
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #8 : 28.07.2012, 14:13:32 »
Парни, вот часть кода:

Код: php
if ($item->menu_image) {
$item->params->get('menu_text', 1 )?
$linktype = '<img src="'.$item->menu_image.'" alt="'.$item->title.'" /><span class="image-title">'.$item->title.'</span> ' :
$linktype = '<img src="'.$item->menu_image.'" alt="'.$item->title.'" />';
$linktype = $item->title;
}

который отвечает за вывод картинки пункта меню. Ткните носом плз, что, где, как...
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #9 : 28.07.2012, 14:38:19 »
Ну, примерно так:
$linktype = '<span style ="background:url('.$item->menu_image.') '.$dop_pole1.' '.$dop_pole2.';height:20px;width:20px "  />'
Проверяй.
$dop_pole1 $dop_pole2 - значения из дополнительных полей, в которые будут вводиться координаты картинки в спрайте
Создание сайтов, шаблонов, помощь в решении проблем.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #10 : 28.07.2012, 14:59:07 »
На самом деле это извращение. Возьмите ItemID пункта меню и сделайте для него background. А изображение пункта меню отключите.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #11 : 28.07.2012, 15:06:13 »
Ну, примерно так:
$linktype = '<span style ="background:url('.$item->menu_image.') '.$dop_pole1.' '.$dop_pole2.';height:20px;width:20px "  />'
Проверяй.
$dop_pole1 $dop_pole2 - значения из дополнительных полей, в которые будут вводиться координаты картинки в спрайте
Откуда будут браться переменные $dop_pole1 $dop_pole2?
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #12 : 28.07.2012, 15:10:04 »
Откуда будут браться переменные $dop_pole1 $dop_pole2?
В форме добавления пункта меню добавить 2 дополнительных поля, туда и вписывать координаты.
Создание сайтов, шаблонов, помощь в решении проблем.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #13 : 28.07.2012, 15:15:25 »
В форме добавления пункта меню добавить 2 дополнительных поля, туда и вписывать координаты.
Многовато плясок для того, чтобы добавить спрайт в меню. Лезть в administrator\components\com_menus? Потом сидеть и через админку миллиметровать эти спрайты... Нерациональное решение.
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #14 : 28.07.2012, 15:27:26 »
Многовато плясок для того, чтобы добавить спрайт в меню... Нерациональное решение.
Я уже и на такое согласен - только бы ускорить загрузку... Поставил для ускорения JCH Optimize - да, стало быстрее, но, все же, не то, что хотелось бы...
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #15 : 28.07.2012, 15:31:53 »
Многовато плясок для того, чтобы добавить спрайт в меню. Лезть в administrator\components\com_menus? Потом сидеть и через админку миллиметровать эти спрайты... Нерациональное решение.
Да. Не подумал, что это не в модуле доп поля добавляются. А где? administrator\components\com_menus? Или в шаблоне материала/категории? default.xml? Так во всех типах меню добавлять придётся. А если пункты на разные компоненты, то сильно много.
Создание сайтов, шаблонов, помощь в решении проблем.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #16 : 28.07.2012, 15:39:32 »
Я уже и на такое согласен - только бы ускорить загрузку... Поставил для ускорения JCH Optimize - да, стало быстрее, но, все же, не то, что хотелось бы...
Возьмите хостинг пошустрее.

Да. Не подумал, что это не в модуле доп поля добавляются. А где? administrator\components\com_menus? Или в шаблоне материала/категории? default.xml? Так во всех типах меню добавлять придётся. А если пункты на разные компоненты, то сильно много.
Честно сказать - хз. Не пробовал даже подобные "обходные" пути))
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #17 : 28.07.2012, 15:46:55 »
Возьмите хостинг пошустрее.
На шустрый хостинг, пока денёг не хватаеть :(

Ну, как бы то ни было, а спрайт прикрутить - намного шустрее станет загрузка - все же, загрузить один файл размером пусть даж 100 kb или 300 по 2-3 kb - разница весомая...
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #18 : 28.07.2012, 15:48:41 »
Вот не могу сообразить, как с доп полями быть. Этого же не достаточно, просто их добавить. Нужно же ещё сохранять где-то значения...
Создание сайтов, шаблонов, помощь в решении проблем.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #19 : 28.07.2012, 15:58:10 »
Вот не могу сообразить, как с доп полями быть. Этого же не достаточно, просто их добавить. Нужно же ещё сохранять где-то значения...
Кроме того сами переменные нужно привязать к данным конфига.
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #20 : 28.07.2012, 16:48:48 »
Кроме того сами переменные нужно привязать к данным конфига.

Парни, а есть какое-то решение?
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: mod_menu и CSS спрайт
« Ответ #21 : 28.07.2012, 17:02:12 »
Парни, а есть какое-то решение?
Я не знаю. Проследите, как добавляется картинка, где хранится, как выводится. И по аналогии...
Создание сайтов, шаблонов, помощь в решении проблем.
*

al-teen

  • Глобальный модератор
  • 2385
  • 224 / 10
  • im
Re: mod_menu и CSS спрайт
« Ответ #22 : 28.07.2012, 17:09:58 »
Парни, а есть какое-то решение?
Говорю же, возьмите ItemID пункта меню и через CSS установите для него фоновую картинку. Это оптимальнее и намного удобнее.
*

Dgikar

  • Захожу иногда
  • 192
  • 3 / 0
  • Я только учусь
Re: mod_menu и CSS спрайт
« Ответ #23 : 28.07.2012, 18:09:51 »
Так: попробовал. В файле modules/mod_menu/tmpl/default_component.php
строку (~17-я):

Код: php
$linktype = '<img src="'.$item->menu_image.'" alt="'.$item->title.'" /><span class="image-title">'.$item->title.'</span> ' :

меняем на:

Код: php
$linktype = '<span style="height: 11px; float: left; margin-top: 5px; width: 16px; background:url('.$item->menu_image.')" alt="'.$item->title.'"" /></span><span class="image-title">'.$item->title.'</span> ' :

картинка, загружается как Background - стало немного быстрее (~6-7 секунд загружается) - уже пару секунд "срезали"
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Многоуровневое выпадающее меню на базе mod_menu

Автор artel-st

Ответов: 29
Просмотров: 7153
Последний ответ 06.02.2013, 15:52:47
от тома
Ссылки модуля mod_menu

Автор foxigen

Ответов: 3
Просмотров: 1356
Последний ответ 16.05.2012, 06:15:53
от AlienAntFarm