a:hover в модуле JoomImg - не фурычит... - JoomGallery - Форум русской поддержки Joomla!

Новости Joomla

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

Способ доставки для интернет-магазина JoomShopping. Работает с API CDEK v.2. Считает стоимость доставки, позволяет выбрать пункт выдачи заказа CDEK на карте, отображает полную информацию о ПВЗ в заказе. Для работы аддона необходимо установить и настроить библиотеку WT CDEK.

👉 v.1.3.4. Что нового?
- Скидки на доставку. Добавлены настройки скидок на доставку в зависимости от суммы заказа. Также можно выбрать какую цену использовать: до применения купона или после.
- Фиксированная наценка. Добавлено поле для фиксированной наценки на доставку в интерфейс цены на доставку.
- Локализация. Сделаны файлы локализации. Русский и английский языки.
- Рефакторинг и чистка кода. Приблизили код к стандартам.

Страница расширения

@joomlafeed

Вышли релизы Joomla 6.1 и Joomla 5.4.5: новые возможности и стабильность

Проект Joomla! объявил о доступности Joomla 6.1 [Nyota] — новой минорной версии шестой серии, а также о выпуске релиза исправлений ошибок Joomla 5.4.5. Релиз 6.1 приносит ряд долгожданных функций, повышающих удобство управления контентом и защиту от спама.

👩‍💻 Компонент "CS Афиши" для Joomla.

Расширение "CS Афиши" позволяет выводить список мероприятий, фильтровать их по датам, поиск по заголовкам и описанию.

В состав пакета расширений входят:
- Компонент "CS Афиши"
- Модуль "Календарь событий"
- Модуль "Предстоящие события"
- Библиотека "ImgResize"

Модуль "Календарь событий" отображает предстоящие и прошедшие мероприятие на календаре, с отображением мероприятий на конкретную дату во всплывающем окне.

Модуль "Предстоящие события" показывает список предстоящий событий по порядку их наступления.

P.S. Расширение платное, но плата символическая, чисто для отработки приема платежей. Ключи без ограничения по времени, купившие сейчас - смогут обновляться без ограничений.

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

Страница расширения
Демо

1 Вниз

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

14 Ответов
2917 Просмотров

marbert

Захожу иногда
417
9 / 0

a:hover в модуле JoomImg - не фурычит...

« : 20.02.2011, 00:46:53 »

Подскажите, пожалуйста, как сделать затемнение при наведении курсора в модуле JoomImg?

В самой галерее это реализовано в CSS строками:

Код

img.jg_photo, .jg_minis a img {
  opacity: 0.75;
}

a:hover img.jg_photo, .jg_minis a:hover img {
  opacity: 1;
}

Я пытался прописать эти строки в CSS модуля - результат ноль...

Подскажите, плз, кто знает.

Вот, исходный CSS модуля (он небольшой):

Код

.joomimg_clr{
  clear:both;
}

.joomimg_row{
  overflow:hidden;
  padding:0;
}

.joomimg_row ul{
  padding-left:0;
  margin-left:0;
}
.joomimg_row ul li{
  list-style:none;
  background:none;
}

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #1 : 20.02.2011, 01:10:43 »

так попробуйте

Код

/* в CSS */
a.jg_photo, a.jg_photo:hover{
display:block;
} 
a.jg_photo  {
  opacity: 0.75;
}

a.jg_photo:hover {
  opacity: 1;
}
...
<!-- в HTML -->
<a  class="jg_photo">

« Последнее редактирование: 20.02.2011, 01:50:49 от dynamit »

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

marbert

Захожу иногда
417
9 / 0

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #2 : 20.02.2011, 10:00:25 »

Цитата: dynamit от 20.02.2011, 01:10:43

так попробуйте

не получилось, сейчас CSS mod_joomimg выглядит так:

Код

.joomimg_clr{
  clear:both;
}

.joomimg_row{
  overflow:hidden;
}

.joomimg_row ul{
  padding-left:0;
  margin-left:0;
}

.joomimg_row ul li{
  list-style:none;
  background:none;
}


/* в CSS */
a.jg_photo, a.jg_photo:hover{
display:block;
} 
a.jg_photo  {
  opacity: 0.75;
}

a.jg_photo:hover {
  opacity: 1;
}

и не совсем понял, куда прописать это:

Код

<!-- в HTML -->
<a  class="jg_photo">

Поскольку, HTML нет, есть PHP - а куда это там прописывать я не совсем понимаю...

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #3 : 20.02.2011, 10:05:36 »

видимо туда где вывод изменяемой вами фотографии. в коде модуля. нужой ссылке назначить класс jg_photo

Записан

marbert

Захожу иногда
417
9 / 0

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #4 : 20.02.2011, 10:07:37 »

Цитата: dynamit от 20.02.2011, 10:05:36

видимо туда где вывод изменяемой вами фотографии. в коде модуля.

я понимаю, но куда именно прописывать?

абсолютно не разбираюсь в PHP, если можно, подскажите в формате "этот код заменяем на этот" - потому как, для меня PHP темный лес...

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #5 : 20.02.2011, 10:14:02 »

я не знаю структуры этого модуля

Записан

marbert

Захожу иногда
417
9 / 0

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #6 : 20.02.2011, 10:19:11 »

Цитата: dynamit от 20.02.2011, 10:14:02

я не знаю структуры этого модуля

я прикрепил модуль, пожалуйста.

[вложение удалено Администратором]

Записан

marbert

Захожу иногда
417
9 / 0

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #7 : 20.02.2011, 10:27:38 »

А разве нужно менять что-то в модуле?

В компоненте я ничего не менял, просто прописал в CSS компонента строку:

opacity: 0.75; - и все заработало...

Добавляя в CSS модуля:

Код

.joomimg_row{
  overflow:hidden;
  padding:10px;
  opacity: 0.75;
}

эту же строку и добавляя это:

Код

a:hover .joomimg_row a:hover img {
  opacity: 1;
}

я не получаю никакого результата при наведении курсора...

« Последнее редактирование: 20.02.2011, 10:32:10 от marbert »

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #8 : 20.02.2011, 10:54:40 »

Код

.joomimg_row a:hover img {
  opacity: 1;
}

а, так?

Записан

marbert

Захожу иногда
417
9 / 0

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #9 : 20.02.2011, 11:09:28 »

Цитата: dynamit от 20.02.2011, 10:54:40

Код

.joomimg_row a:hover img {
  opacity: 1;
}

а, так?

увы... как и было.

более того, когда я прописываю:

Код

.joomimg_row{
  overflow:hidden;
  padding:10px;
  opacity: 0.75;
}

получаю странно-неравномерный эффект - первая строка с превью не изменяется, а последующие две - высветляются.

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #10 : 20.02.2011, 23:28:14 »

пробуйте

Код

.joomimg_row img {
  opacity: .75;
}
.joomimg_row img:hover {
  opacity: 1;
}

« Последнее редактирование: 20.02.2011, 23:31:34 от dynamit »

Записан

marbert

Захожу иногда
417
9 / 0

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #11 : 20.02.2011, 23:40:43 »

Цитата: dynamit от 20.02.2011, 23:28:14

пробуйте

Код

.joomimg_row img {
  opacity: .75;
}
.joomimg_row img:hover {
  opacity: 1;
}

если сделать так, как Вы советуете, получаем:

1. первая строка с превью - без изменений...
2. остальные две - получилось!
3. но... слетели настройки padding - превью сбились в кучу, поэтому, я просто прописал Ваш код отдельно, не меняя прежний.

Получил:

3. настройки padding восстановились.

Как быть с пунктом "1"?..

« Последнее редактирование: 21.02.2011, 10:39:40 от marbert »

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #12 : 20.02.2011, 23:59:26 »

именно по сайту сделайте так

Код

.joomimg_row img, .joomimg47_row img {
    opacity: .75;
}
.joomimg_row img:hover, .joomimg47_row img:hover {
    opacity: 1;
}
работает, но насколько это будет правильно для дальнейшей работы - не знаю.

Записан

marbert

Захожу иногда
417
9 / 0

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #13 : 21.02.2011, 00:22:26 »

Цитата: dynamit от 20.02.2011, 23:59:26

именно по сайту сделайте так

Код

.joomimg_row img, .joomimg47_row img {
    opacity: .75;
}
.joomimg_row img:hover, .joomimg47_row img:hover {
    opacity: 1;
}

кажется, работает... спасибо Вам

*с меня плюс*

Цитировать

работает, но насколько это будет правильно для дальнейшей работы - не знаю.

скажите, а что Вас смущает, чем может быть чревато?

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: a:hover в модуле JoomImg - не фурычит...

« Ответ #14 : 21.02.2011, 00:30:15 »

да не знаю, я с JGallery не работал - это все танцы с бубном. не берите в голову, работает и хорошо, если что - обращайтесь.

Записан

1 Вверх

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться

Как добавить lazy к миниатюрам в модуле? Автор Maffo	Ответов: 1 Просмотров: 26554	15.11.2025, 17:26:59 от Beer
JoomGallery и joomimg ошибка Автор kultvshale	Ответов: 3 Просмотров: 1787	05.12.2013, 06:18:12 от kultvshale
Модуль joomimg формирование ссылки Автор Grinders	Ответов: 2 Просмотров: 2504	18.03.2012, 19:33:51 от Grinders
Как в модуле новостей mod_newsflash выводить модуль mod_joomimg? Автор olstep	Ответов: 1 Просмотров: 1483	28.04.2011, 08:02:42 от jem777
Как выставить топ фото недели в модуле? Автор zunix	Ответов: 4 Просмотров: 2015	14.04.2011, 13:03:44 от zunix

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

Вышли релизы Joomla 6.1 и Joomla 5.4.5: новые возможности и стабильность

👩‍💻 Компонент "CS Афиши" для Joomla.

Похожие темы