Новости Joomla

Обновление модуля WT Quick links v.2.2.0

Модуль позволяет создавать быстрые наборы элементов: ссылки на различные сущности на сайте Joomla: категории материалов, Virtuemart, JoomShopping, пункт меню или пользовательскую ссылку. Есть условия для исключений показа элементов списка.

Выпуск Joomla Community Magazine за апрель 2024

Выпуск Joomla Community Magazine за апрель 2024

Апрельский выпуск журнала сообщества Joomla. Краткое содержание статей и интервью этого номера.

Что нового в joomla 5.1?

Что нового в joomla 5.1?

16 апреля 2024 года вышли релизы Joomla 5.1 и Joomla 4.4.4. Если Joomla 4.x уже находится в режиме поддержки и получает только "заплатки", то в каждом выпуске Joomla 5.x появляется что-то новое. Краткий список был опубликован в недавней новости. Давайте посмотрим подробнее на то что же именно появилось в Joomla 5.1.

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

eugene2212

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
[Решено] Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« : 04.02.2014, 12:03:53 »
У меня проблема, я не найти, как мне красиво сделать, чтобы мои изображения при нажатие на них увеличивались в плавающим окошке! Мне надо сделать, чтобы изображение размером 200х150 увеличивалось на 640х480 при нажатии на одной странице.  
« Последнее редактирование: 06.02.2014, 00:42:53 от b2z »
Записан
*

kreker92

  • Захожу иногда
  • 393
  • 18 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #1 : 04.02.2014, 12:25:35 »
fancybox можно прикрутить. еще есть lightbox и facebox.
Записан
Все вопросы и предложения на почту.
*

IzrA

  • Захожу иногда
  • 322
  • 27 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #2 : 04.02.2014, 14:34:32 »
есть ещё shadowbox.
Записан
Спасибо для меня слишком много. Стакан вина Плюс в репутацию - в самый раз.

Велосипедист — бедствие для экономики. Он не покупает автомобиля и не берет под него кредит. Не покупает бензин. Не пользуется услугами ремонтных мастерских. Не страхует «гражданскую ответственность». Не пользуется платными стоянками. Не страдает от ожирения. Да он еще и здоров, черт возьми! Здоровые люди не нужны для экономики. Они не покупают лекарства. Они не ходят к частным врачам. Они не увеличивают ВВП.
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #3 : 04.02.2014, 16:24:00 »
Если маленькое изображение уже ссылка на большое, то можно средствами бутстрапа. Там есть папандер. Если нет, то нужно плагин прикручивать, который будет тумбочки создавать и делать ссылками. Например SmartResizer.
Записан
*

eugene2212

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #4 : 04.02.2014, 17:31:34 »
amt-rent.by страница легковые автомобили, я пока там дал два материала правда на втором не заменял изображения, так они пока одинаковые, у меня тормозиться работа  по этой причине. У меня фото расположены в таблице.     
Записан
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #5 : 04.02.2014, 17:36:34 »
Скачиваете и подключаете FancyBox. Самостоятельно. Это несложно. Потом в вёрстке всем ссылкам, которые должны открываться в попандере, назначаете отличительный класс. Например, сейчас у вас:

Код: html4strict
<a target="_blank" href="/images/colt_1.jpg">
<img border="0" alt="" src="/images/colt_mini_1.jpg">
</a>

А будет

Код: html4strict
<a class="fancy" target="_blank" href="/images/colt_1.jpg">
<img border="0" alt="" src="/images/colt_mini_1.jpg">
</a>

Далее, шаг три, пишите или в теле index.php или во внешнем файле скриптов ПОСЛЕ подключения Jquery и Fancy такой код вызова:

Код: javascript
$(".fancy").fancybox({});
Записан
*

eugene2212

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #6 : 04.02.2014, 20:03:49 »
Я скачал fancybox, попробовал установить, но нечего не поменялось, я не уверен, что я правильно кинул папку fancybox в Joomla, напишите куда точно мне папку со скриптом кидать. Заранее спасибо всем за ответы!
 
« Последнее редактирование: 04.02.2014, 20:50:58 от eugene2212 »
Записан
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #7 : 04.02.2014, 20:50:59 »
Можно кинуть в templates\шаблон\js\fancybox\ и подключить в индексном файле шаблона так:
<script type="text/javascript" src="<?php echo $this->baseurl."/templates/".$this->template?>/js/fancybox/fancybox.js"></script>
Записан
*

stendapuss

  • Давно я тут
  • 945
  • 20 / 0
  • Valera Stankevich
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #8 : 04.02.2014, 21:32:49 »
Можно в вкладке  изображение - дополнительно- Альтернативное изображение. При наведение мыши увеличивается.
Надо два изображения положить ( одно большое, другое маленькое и дорогу к ним указывать.
Плюс в том, что плагины дополнительные не надо ставить.
Правда на 3 Joomla у меня слетает, не разбирался пока почему.
« Последнее редактирование: 04.02.2014, 21:40:03 от stendapuss »
Записан
*

eugene2212

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #9 : 05.02.2014, 21:08:41 »
Пока не вышло установить. Я скачал jquery.fancybox-1.3.4  с сайта seomark.ru/gallery_fancybox. , там было написано, как установить скрип. я установил, но без изменений. Вот высылаю скрин шот на просмотр dfiles.ru/files/2ezkos0gz
« Последнее редактирование: 05.02.2014, 21:16:08 от eugene2212 »
Записан
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #10 : 05.02.2014, 21:15:44 »
eugene2212, судя по скриншоту, у вас прекрасное будущее и много-много счастья. Но лучше выложите ссылку на сайт свой пожалуйста.
Записан
*

ShfVD

  • Давно я тут
  • 871
  • 65 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #11 : 05.02.2014, 21:17:41 »
Если использовать Protostar там все уже есть, нужно создать токо модальные окна
, за основу взять пример
http://bootstrap-ru.com/javascript.php#modals
Записан
*

eugene2212

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #12 : 05.02.2014, 21:24:02 »
amt-rent.by
 
Записан
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #13 : 05.02.2014, 21:35:37 »
Другое дело. У вас не подключен Fancy. Я выше писал как надо подключать. Выложите index.php шаблона.
ShfVD, да там шаблон не бутстраповский. Если уж подключать попандер, то лучший (сугубо имхо).
Записан
*

eugene2212

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #14 : 05.02.2014, 21:51:29 »
Записан
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #15 : 05.02.2014, 22:09:06 »
Там какие-то платные SMS требуют и вообще не хотел бы ничего незнакомого качать. Просто содержимое под спойлер выложите.
Записан
*

eugene2212

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #16 : 05.02.2014, 22:15:43 »
Тогда вы может подсказать, где можно взять простой и бесплатный шаблон, но без глюков. А то глаза разбегаются, сколько сейчас шаблонов для Joomla, причём очень много левых шаблонов.     
Записан
*

eugene2212

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #17 : 05.02.2014, 22:21:31 »
вот архив моего шаблона http://dfiles.ru/files/yjk1u462x
Записан
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #18 : 05.02.2014, 22:33:39 »
Качать ничего непроверенного не буду, уж извините. Много бесплатных нелевых шаблонов здесь: http://joomlablog.ru/shablony-joomla
Записан
*

eugene2212

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #19 : 05.02.2014, 22:46:16 »
большое всем спасибо, кто мне помогал! мне подсказали взять плагин rokbox и теперь нормально
Записан
*

eugene2212

  • Осваиваюсь на форуме
  • 14
  • 0 / 0
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #20 : 05.02.2014, 22:48:03 »
а как проверить шаблон на счёт не приятностей?
Записан
*

Shustry

  • Гуру
  • 6434
  • 745 / 3
Re: Как сделать, чтобы при нажатие на фото оно увеличивалось в плавающим окне?
« Ответ #21 : 05.02.2014, 22:49:17 »
Там вроде все шаблоны только реально бесплатные и, соответственно, без неприятностей. Неприятности только в варезных шаблонах встречаются.
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Видео в модальном окне

Автор Leo1986

 Ответов: 0
Просмотров: 153 		Последний ответ 25.03.2024, 18:48:40
от Leo1986
[Решено] Перестали работать переходы по меню сайта

Автор AlexP750

 Ответов: 12
Просмотров: 557 		Последний ответ 06.02.2024, 12:42:26
от AlexP750
Как сделать отображение времени создания материала?

Автор Pzhigalov

 Ответов: 0
Просмотров: 331 		Последний ответ 27.09.2023, 22:45:29
от Pzhigalov
reCapcha во всплывающем окне - "Ошибка защиты от спама"

Автор Dannik

 Ответов: 12
Просмотров: 1844 		Последний ответ 14.09.2023, 18:59:24
от all_zer
[Решено] Ссылка на домен и текущий шаблон в блоге категории

Автор goga_pgasovav

 Ответов: 2
Просмотров: 363 		Последний ответ 06.03.2023, 16:30:23
от goga_pgasovav