Скрипт увеличения картинки по клику
127 UAHЗдравствуйте. Нужен простой скрипт увеличения картинки в модальном окне по клику.
- Без подключения лишних библиотек и громоздкого кода (только ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js).
- Без оборачивания картинки в тег <a>
- Если используется что-то типа fancybox, то нужна только та часть кода, которая делает непосредственно действие, а не вся библиотека.
Шаблон страницы, на которой должно всё происходить во вложении.
В ней тег img с атрибутами srcset и sizes. Именно на такой картинке с такими классами и атрибутами должно срабатывать. Можно добавить свой класс (например lightbox). Добавление в код других атрибутов и id - по согласованию.
Фактически нужно просто получить урл картинки из атрибута src и вывести её в модальном окне.
Сам код модального окна с картинкой не должен постоянно висеть в коде в display:none, а должен генерироваться по клику.
- До клика страница выглядит так: https://i.imgur.com/BNid5Yp.jpg
- После клика так: https://i.imgur.com/fbCf1nS.jpg
- После клика по "закрыть" или пустому месту вне модального окна - вернуть всё в исходное состояние
По окончании работы мне нужен index.html со всеми подключёнными скриптами и стилями
Приложения 1
Отзыв заказчика о сотрудничестве с фрилансером
Скрипт увеличения картинки по кликуСпасибо, Андрею. Всё выполнено раньше срока и согласно ТЗ.
Отзыв фрилансера о сотрудничестве с Евгением Калинским
Скрипт увеличения картинки по кликуОтличный заказчик, рекомендую. Работать понравились, проблем не возникало.
-
1 день1000 UAH
1 день1000 UAH
Готов реализовать ваш проект пишите буду рад сотрудничать
Готов реализовать ваш проект пишите буду рад сотрудничать
-
1 день600 UAH
107 1 день600 UAH
За мин 20 сделаю
Увеличение будет плавным, красивым)
И будет работать без лагов, тормозов и прочего нехорошего)
-
1 день250 UAH
185 1 день250 UAH
Евгений, здравствуйте!
Уже начал выполнять задание)
Google Drive
Можете проследить, что блок появляется в документе только при клике на изображение.
Естественно, ещё нужно немного доработать.
…
Пишите, буду рад сотрудничеству!
-
1 день300 UAH
787 47 0 1 день300 UAH
Здравствуйте, Евгений.
Очень интересное задание!
Готов выполнить данный функционал.
Реализую его на JavaScript + JQuery,
Модальное окно подброшу из JavaScript, висеть оно в DOM дереве не будет.
Реализую как можно с меньшим количеством строк кода.
… Имеется большой опыт в JavaScript.
Результат работы отправлю сегодня же.
Мое портфолио:
Freelancehunt
Мои отзывы: Freelancehunt
С/у: Руслан
-
1 день425 UAH
3507 128 2 4 1 день425 UAH
Здравствуйте, я работаю в сфере веб програмирования более трех лет, и сотрудничал с разными компаниями и клиентами. Я могу осуществить ваш проект и реолизовать ваши идеи касающиеся веб програмирования. Работая со мной вы получите высококачественный код и новотехнологическую систему с современными стандартами и обработкой.
Почему выбрать меня?
1. Работаю без предоплаты
2. Бесплатная помощь по сайту после выполнения заказа
3. Выполню заказ в максимально короткие сроки
-
У вас есть большие картинки которые будут открываться при нажатии на соответствующие миниатюры? Или в обоих случаях будет одна и таже картинка показана в разных размерах?
-
Дело в том что сейчас ввиду внедрения srcset и sizes браузер сам выбирает какого размера картинку выводить. Но в src - всегда максимальный размер
-
Актуальные фриланс-проекты в категории Javascript и Typescript
Исправить CSS/DOM-верстку карточек в Chrome extension для локализации D&D BeyondЭто расширение Chrome Manifest V3, которое локализует сайт D&D Beyond на украинский язык. Проект написан на TypeScript + WXT. Расширение работает через контентный скрипт: находит английский текст на страницах D&D Beyond и заменяет его украинским переводом. Проблема возникла на… HTML и CSS верстка, Javascript и Typescript ∙ 1 день 6 часов назад ∙ 37 ставок |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 176 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 1 день 15 часов назад ∙ 98 ставок |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 1 день 21 час назад ∙ 21 ставка |
Коммерческая on-premise платформа видеосвязи «ViM»Требуется разработать on-premise систему видеосвязи с базовым расчетом на 100 одновременных подключений (10 изолированных комнат по 10 человек). Платформа должна иметь заложенную архитектуру для будущего горизонтального масштабирования до 1000 пользователей путем добавления… Javascript и Typescript, Веб-программирование ∙ 2 дня 16 часов назад ∙ 32 ставки |
Ищу наставника по Claude Code для запуска веб-проекта с нуля**Кратко о задаче:** Я новичок без опыта в программировании. Есть готовое ТЗ на разработку сайта (42 страницы, Next.js, PostgreSQL). Хочу реализовать его самостоятельно с помощью Claude Code - нужен специалист, который настроит среду и научит меня работать с инструментом. ---… Javascript и Typescript, Обучение ∙ 3 дня 20 часов назад ∙ 18 ставок |
Украина