Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

1) при маусовере на ссылку, содержащую shop.hexproof.ru/products/card_ необходимо показывать тултип с картинкой

2) тултип должен позиционироваться на экране таким образом, чтобы картинка всегда помещалась на экране

3) картинка для тултипа берется из заданного div id ссылки или, как вариант, из og:image ссылки. Как худший вариант - получение урла картинки по переменным из ссылки

4) скрипт должен работать без дополнительных атрибутов в , только путем добавления строки с вызовом скрипта в head страницы

5) картинка должна быть обернута в кастомный стиль (картинка - в бордер 1 пиксель черного цвета со скруглением углов в 5 пикселей, при этом сама картинка должна находиться на сером фоне со своим бордером и удаленностью от краев этой рамки в 5 пикселей)

6) изображение должно ресайзиться под 210х300 пикселей

7) скрипт должен работать быстро, предлагается реализовать сценарий на сервере. Суть сценария: массив ссылок (tagname А) с условием наличия подстроки в href объединить в объект, после передачи объекта пользователю инициировать запуск тултипа

8) если при маусовере картинка еще не была загружена, то показывать надпись loading на сером фоне в тултипе.

Теперь приятный момент - похожий скрипт уже существует и он меня полностью устраивает. скрипт лежит по адресу https://deckbox.org/assets/external/tooltip.js. То есть по сути достаточно будет научить его брать картинки из другой ссылки и убрать лишний код. Такой вариант выполнения работы меня полностью устроит, если время загрузки тултипа принципиально не изменится. Пример работы этого скрипта есть на странице http://hexproof.ru/page615148.html (искать ссылки по тексту Exquisite Archangel, Chandra's Revolution). На голой странице - http://lib.hexproof.ru/tooltip/test2.html.Также есть простой скрипт http://lib.hexproof.ru/tooltip/test.html, основная проблема которого - очень долгая обработка на клиенте и необходимость полной загрузки страницы для его работы.Надеюсь, что вы сможете оперативно все это скомбинировать в одно готовое решение.

Оплата по факту демонстрации работы скрипта рублевым переводом на банковскую карту или яндекс-деньги. Можно наличными в Москве.

8 лет назад
guest_14776912941874
8 лет в сервисе
Был
8 лет назад

Заявки фрилансеров

Нет заявок фрилансеров