Новости Joomla

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

epson950

  • Захожу иногда
  • 119
  • 2 / 1
Если картинке присвоить название (title), то при наведении на нее курсора это название всплывает в маленьком окошке.
Но окошко слишком маленькое и невзрачное.
Вопрос- как image title вывести на картинке в более красивом виде? Подойдет любой вариант- tooltip, overlay или другой, главное чтобы использовался УЖЕ ГОТОВЫЙ title (картинок много) и можно было настроить оформление.
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
если используете bootstrap, то для тега, в котором прописан атрибут title допишите класс hasTooltip
если используете uikit, то для тега, в котором прописан атрибут title допишите атрибут data-uk-tooltip и дополнительно подключите tooltip.js из состава uikit
если не используете css-фреймворки, то задача нетривиальная: тут скрипт писать придется, либо отказываться от атрибута title и добавлять overlay-элемент и заверстывать его
для более детальной помощи нужно видеть сайт
*

epson950

  • Захожу иногда
  • 119
  • 2 / 1
На самом деле есть и bootstrap (шаблон gantry 5) и uikit (в составе jbzoo), но вот куда дописывать атрибуты я пока не понимаю, поскольку сам title вызывается через скрипт.
сейчас работает вот такая конструкция
Код
       <?php if ($this->checkPosition('image')) : ?>
                <div class="item-image uk-divider">
                   <p align="center"><?php echo $this->renderPosition('image'); ?></p>
                </div>
<script>
        jQuery(function($) {
            newsImg = $(".item-image img");
            newsImg.after(function(){
                imgTitle = $(this).attr("title");
                if (imgTitle) return "<p>" +imgTitle+"</p>";
            });
        });
    </script>

            <?php endif; ?>
но она рушит оформление (картинки были в ряд, а становятся в столбик), поэтому ищу решение с выводом title поверх картинки.
А сайт пока дома на денвере.
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
картинка внутри позиции в джибизу? тогда надо переопределять элемент jbimage и дописывать уже туда (как переопределять - на форум по джибизу)
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Увиличение картинки при наведении

Автор vova630

Ответов: 0
Просмотров: 870
Последний ответ 25.03.2018, 02:45:33
от vova630
Нужен пример как присвоить свой стиль одному модулю

Автор nick71

Ответов: 21
Просмотров: 5265
Последний ответ 17.02.2018, 14:44:40
от cirip
Перенести стиль компонента в шаблон

Автор stparts

Ответов: 5
Просмотров: 1059
Последний ответ 07.02.2018, 14:01:10
от stparts
Стиль для вышестоящего блока - HTML, CSS

Автор lalalag

Ответов: 6
Просмотров: 2307
Последний ответ 26.06.2017, 15:07:35
от Shustry
Убрать обрезку текста (названия товара) в каталоге

Автор Guzel

Ответов: 2
Просмотров: 1060
Последний ответ 04.02.2017, 20:23:23
от Guzel