Показать сообщение отдельно
  #1 (permalink)  
Старый 30.01.2019, 13:39
Профессор
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 170

Картинка вместо текста ссылки
Доброго времени суток!
Существует необходимость вместо текста ссылки в пункте меню добавить картинку.
На данный момент меню выглядит так (скрин "Меню")
Необходимо сделать так (скрин "Меню после")

На данный момент ссылке добавляется картинка:
$('.bx_horizontal_menu_advaced .bx_hma_one_lvl>a:contains("TookALook")').css({'background':'url("https://afr-shop.ru/upload/medialibrary/67d/Bez-fona-s-tsvetom-teksta.png") no-repeat', 'background-size':'102px 90px', 'margin-top': '-17px'});

А потом вместо текста ссылки ничего не выводим
$('[href*="/catalog/tookalook/"]').text('');


Только вот при обновлении страницы сразу видно что подставляется картинка и потом убирается текст ссылки.

Возможно ли как-то скомпоновать 2 куска кода чтобы одновременно у ссылки убирался текст и добавлялось изображение? Спасибо.
Изображения:
Тип файла: jpg Меню.jpg (6.3 Кб, 6 просмотров)
Тип файла: jpg Меню после.jpg (5.2 Кб, 4 просмотров)
Ответить с цитированием