<MyRusakov.ru />

Профессиональная Web-разработка. Дизайн, код и автоматизация

Профессиональная Web-разработка. Дизайн, код и автоматизация

Это очень подробный курс из разряда "всё включено". Разбираются следующие темы: HTML, CSS, SCSS, JavaScript, PHP, SQL, Laravel, Nginx, PostCSS, npm, Vite, Vitest, Composer, PHPUnit, Prettier, Stylelint, ESLint, Pint, Larastan, Git, Agile, Scrum, Docker, Supervisord, Figma, Stitch AI, Confluence, Jira.

Рассчитан и на новичков, и на тех, кто уже знаком с основами, но хочет освоить полный цикл разработки.

Помимо самой теории, Вы увидите пример создания Web-проекта на 20 000 строк кода: от идеи и документации на Confluence через планирование на Jira, fullstack-разработку до деплоя на VPS.

Помимо уроков, курс содержит упражнения для закрепления знаний и финальное тестирование. А ещё Вы получите 5 полноценных Бонусных курсов: «GitLab под ключ», «Вёрстка сайта с нуля 2.0», «JavaScript с Нуля до Гуру 2.0», «PHP и MySQL с Нуля до Гуру 3.0» и «Laravel от А до Я».

Подробнее
Уроки и статьи
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Форум сайта MyRusakov.ru

Определить картинку по её area
08.02.2016 09:14:39 Определить картинку по её area Сообщение #1
newJS

newJS

Новичок

Новичок

Дата регистрации:
29.09.2015 08:49:33

Сообщений: 4

При использовании карт скрипт возвращает тег area, хотя мыша находится над картинкой.
Как получить картинку?
Пример.
Есть несколько элементов на странице, на них карта одинаковая для всех, как определить над какой картинкой мыша?
Как их перевезать скриптом, я знаю, делал не раз, но вот возник вопрос, а можно напрямую картинку получить, без выёживаний.
Браузер то знает над какой картинкой мыша находится, знает конечно, как у него забрать это знание.
<div class="sixBut">Первая кнопка
<img src="q1.png" alt="" usemap="#example1">
</div>
<div class="sixBut">Вторая кнопка
<img src="q1.png" alt="" usemap="#example1">
</div>
<div class="sixBut">Третья кнопка
<img src="q1.png" alt="" usemap="#example1">
</div>

<map name="example1" id="example1">
<area href="#" alt="" title="" class="sixButArea" shape="poly" coords="0,24,71,0,73,0,143,24,143,72,73,96,71,96,0,72,0,24">
</map>
Профиль