Новости Joomla

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

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Добрый день.
Хочу реализовать в статье разворот изображения во весь экран по клику.
Но не могу найти работающее беспалтное расширение для этого
Есть такие как Phoca но для его работы требуется сначала создавать в его компоненте галереи изображений и потом только использовать их в статье.
А мне хотелось бы стандартно размешать картинки на хостинге и чтобы они разварачивались во весь экран по клику.
Пробовал glightbox-master, lightbox не хотят работать


*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Особенная проблема это экран мобильного телефона. Сейчас нашел палгин которые на Пк работает, а на мобильном изображение уходит за экран
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Особенная проблема это экран мобильного телефона. Сейчас нашел палгин которые на Пк работает, а на мобильном изображение уходит за экран
swipebox - неплохо смотрится и на десктопе, и на мобиле. посмотрите примеры у них
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
swipebox - неплохо смотрится и на десктопе, и на мобиле. посмотрите примеры у них
Это платное расширение. А есть, что-то бесплатное?
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Где хоть оно платное? Тут смотрели?
Спойлер
[свернуть]
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Где хоть оно платное? Тут смотрели?
Спойлер
[свернуть]
Нет смотрел другое дополнение. Сейчас много одноименных плагинов поэтому ссылка очень помогла.
Иначе получается сломаный телефон.
Этот плагин у меня не заработал.
А для какой версии Joomla этот плагин?
Вы давно последний раз им пользовались?
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Не так давно. Он к Joomla никак не привязан. Требует только наличия jquery на сайте.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Не так давно. Он к Joomla никак не привязан. Требует только наличия jquery на сайте.
jquery имеется и работает. Проверял таким скриптом
Код
<body>
<script type="text/javascript">
$(document).ready(function(){
alert(jQuery.fn.jquery);
});
</script>
</body>
Версия 3.6.3
Настраивал сначал на хостинге. После того как там не заработало стал пробовать локально в докере поднял Joomla.
Прописывал в header такие инструкции:
Код
<script src="js/jquery.swipebox.js"></script>
<link rel="stylesheet" href="css/swipebox.css">
При том что в докере пути такие
Код
/var/www/html/js
/var/www/html/css
Менял версию  jquery  плагином jQuery Easy на
3.5.1
3.7.0
Скопированы файлы  с правами 644
swipebox.css
swipebox.min.css
jquery.swipebox.js
jquery.swipebox.min.js

Но добавление к изображению ссылки images/banners/banner.jpg с классом
swipebox
не работает.
Может можно подсказать в чем дело?
Зачем то сама Joomla добавляет слешь ( /> ) к закрывающей скобке в
Код
<a href="images/banners/banner.jpg" class="swipebox"><img src="images/banners/banner.jpg" alt="banner" width="1140" height="600" /></a>
Это может быть причинной того что галлерея не работает?





*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
<script src="js/jquery.swipebox.js"></script>
Это надо побдключать после jQuery. Проверьте у себя очередность загрузку скриптов.

Сам слайдер можно активировать и js-командой:
Код
<script type="text/javascript">
jQuery(function(){
  jQuery( '.swipebox' ).swipebox();
});
</script>
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Это надо побдключать после jQuery. Проверьте у себя очередность загрузку скриптов.

Сам слайдер можно активировать и js-командой:
Код
<script type="text/javascript">
jQuery(function(){
  jQuery( '.swipebox' ).swipebox();
});
</script>
Скрипт вставлял в <body> забыл про это написать. Не работает.
jQuery включен в поставку Joomla его не подключаю отдельно (пробовал и подключать отдельно, нет разницы)
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Посмотрите консоль ошибок JS (ошибки могут мешать).
Попробуйте инициализировать слайдер из консоли.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Посмотрите консоль ошибок JS (ошибки могут мешать).
Попробуйте инициализировать слайдер из консоли.
Есть такая ошибка
Код
jquery.swipebox.js:963 Uncaught ReferenceError: jQuery is not defined
    at jquery.swipebox.js:963:22
Непонятно только почему тестовый скрипт на наличие jQuery выполняется.
А как инициализируется из консоли слайдер?
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
А как инициализируется из консоли слайдер?
В консоли JS написать это:
Код
jQuery( '.swipebox' ).swipebox();

Там же можно написать "jQuery" и сразу увидеть - загружен он или нет.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Непонятно только почему тестовый скрипт на наличие jQuery выполняется.
Посмотрите исходный код сайта - скрипт слайдера обязательно должен подключаться после jQuery. Если у вас наоборот, то это может быть причиной указанной ошибки.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Чтобы исключить влияние шаблона и хостинга а попробовал на casssiopeia и стороннем бесплатном шаблоне у которого есть в настройках поля для вставки своего кода в любое место. Поэтому маловероятно, что код загружается в неправильном порядке везде на разных шаблонах, у хостера и в докере. Причем версии Joomla отлечались редакциями.
Вот такие выдает ответу на запук jquery и самого скрипта. 
Query

<f (e,t){return new S. fn.init(e,t)}

> jQuery('.swipebox').swipebox();

✪ ► Uncaught TypeError: jQuery(...).swipebox is not a function at <anonymous>:1:23

VM1883:1

> jQuery('.swipebox').swipebox();

*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Поэтому маловероятно, что код загружается в неправильном порядке
Лучше посмотреть в исходный код страницы, чем гадать )

Если хочется протестировать работоспособность слайдера - создайте статичную html-страницу (без Joomla - просто файл) и посмотрите что получится.

Ну, или ищите готовые расширения для джумлы, но этим сильно сузите себе доступные варианты.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Лучше посмотреть в исходный код страницы, чем гадать )

Если хочется протестировать работоспособность слайдера - создайте статичную html-страницу (без Joomla - просто файл) и посмотрите что получится.

Ну, или ищите готовые расширения для Joomla, но этим сильно сузите себе доступные варианты.

Мне нужна не статичная страница, а работа расширения в CMS  Joomla
А это расширение не работает...
Другие то расширения есть, но там на мобильных экранах есть ошибки отображения и некоторые используют свои компоненты в которыых надо делать свои подпапки и библиотеки. Потом перестанет работать и надо будет все переделывать.
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Убрал лишние подгрузки шаблон Joomla от других плагинов которые тестировал.
Переместил загрузку скриптов в конец header и получил такой ответ на вызов swipbox
Код
jQuery('.swipebox').swipebox();
Object { settings: {…}, init: init() }
Но при этом при клике на изображение оно открывается как это делается обычно для сайта Joomla, но не в сплывающем контейнере как у плагина swipebox
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
"Пилите, Шура, пилите..." (с)

Когда допилите - будете знать точно почему оно не работало.
Ну или покажете потом что получилось.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
"Пилите, Шура, пилите..." (с)

Когда допилите - будете знать точно почему оно не работало.
Ну или покажете потом что получилось.
Мне надо изучить курс по jquery чтобы легче решить задачу или что-то иное?
Какие обучающие источники посмотреть? Посоветуйте, пожалуйста, не хватает скиллаю
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
Ничего, кроме перечисленного выше. Отсутствие js-ошибок и правильный порядок загрузки скриптов. И еще не должно быть дублей jquery.
Ну или покажите свою страницу.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
В итоге я смог запустить плагин только после того как скопировал все папки плагина в каталог в папке шаблона.
Но он нормально работает только на ПК и когда подключаешь его родную jQuery 3.5.1. На мобильном телефоне изображение улетает за экран и надо его ловить. Нет кнопки закрыть тач не распознается. Если используешь более новую 3.6.3 из поставки joomla, то плагин перестает работать.
Не знаю зачем Вы мне посоветовали это косячное убожество. Я потратил много времени на эту подделку.
Даже доку по старту разработчики не смогли написать нормально. На сайте и в плагине разные инструкции и по ним плагин не запустишь.
« Последнее редактирование: 31.10.2023, 21:08:32 от sergey113 »
*

sivers

  • Живу я здесь
  • 2465
  • 336 / 0
У меня он работал. И ничего толкового, в плане поддержки десктопа и мобил, не попадалось. Если найдете - расскажите.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Vastriet

  • Захожу иногда
  • 254
  • 6 / 0
да уж
чел на дровах силит, и как минимум на кривых и ему не нравится грамотный совет
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
100500 лет использую Fancybox и с версии 1.0 нет никаких проблем (тогда про адаптивную верстку еще даже не знали)
Нахрена вы изобретаете велосипед на пустом месте....
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
100500 лет использую Fancybox и с версии 1.0 нет никаких проблем (тогда про адаптивную верстку еще даже не знали)
Нахрена вы изобретаете велосипед на пустом месте....
Эти компоненты платные? На сайте разработчика есть только раздел Pricing.  Free downloads не обнаружил.
« Последнее редактирование: 01.11.2023, 11:11:15 от sergey113 »
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Эти компоненты платные? На сайте разработчика есть только раздел Pricing.  Free downloads не обнаружил.
Загрузил плагин чере CDN
Код
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"
/>
Source code не нашел.
На мобильном устройстве изображение улетает за экран.
*

beliyadm

  • Легенда
  • 9758
  • 1664 / 66
  • Севастополь, Россия
Загрузил плагин чере CDN
Код
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css"
/>
Source code не нашел.
На мобильном устройстве изображение улетает за экран.
Прошу простить, вам предложили несколько стабильно рабочих решений, если не работает то ответ только один - руки из известного места. Прошу простить за грубость, но иного ответа быть не может.
Все истины, которые я хочу вам изложить, — бесстыдная ложь. Сделать всё хорошо
TLG: @Beliyadm
*

gartes

  • Завсегдатай
  • 1859
  • 142 / 6
  • Е = mс²
Прошу простить, вам предложили несколько стабильно рабочих решений, если не работает то ответ только один - руки из известного места. Прошу простить за грубость, но иного ответа быть не может.

Сегодня прочитал тему - первый пост - и сразу - fancybox -- Все работает === то не руки из известного места - то просто человек не знает как это в коде решать!
На мобильном устройстве изображение улетает за экран. - то смотрите на z-index - скорее всего что у какого то элемента он запредельный - и fancybox становится рядом - за пределом экрана !
*

sergey113

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
  • равновесие
Прошу простить, вам предложили несколько стабильно рабочих решений, если не работает то ответ только один - руки из известного места. Прошу простить за грубость, но иного ответа быть не может.

Ребята, я не против что у меня руки из одного места. Для себя делаю сайтик.  Не профессионал.
Почему я должен контролировать Z параметр? Ведь наверно хороший плагин это делает сам?
к тому же в get started не сказано где это настраивается.
« Последнее редактирование: 01.11.2023, 14:54:59 от sergey113 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

#joomlaImage://local-images/... при добавлении изображения

Автор kysin

Ответов: 8
Просмотров: 1251
Последний ответ 31.12.2023, 16:45:35
от sivers
Yootheme ZOO - Не работает кнопка выбора изображения при вставке

Автор ntxp

Ответов: 1
Просмотров: 291
Последний ответ 09.05.2023, 14:39:19
от ntxp
Увеличение картинки по клику

Автор KingSnake

Ответов: 8
Просмотров: 1898
Последний ответ 13.03.2023, 18:19:31
от Doctor Death
Простейший модуль с выбором изображения через media-field

Автор goga_pgasovav

Ответов: 2
Просмотров: 314
Последний ответ 20.01.2023, 00:10:36
от goga_pgasovav
Копирование текста в буфер обмена по клику на иконку

Автор prostoy

Ответов: 1
Просмотров: 272
Последний ответ 13.12.2022, 14:57:50
от sivers