|
|
| (не показаны 2 промежуточные версии этого же участника) |
| Строка 1: |
Строка 1: |
| <div id="image-map-container">
| | <imagemap> |
| <div id="image1" style="display: block;">
| | Image:Заглавная-Страница.png|frameless|1160px |
| <imagemap>
| | rect 117 450 660 504 [[Правила проекта]] |
| Image:Заглавная-Страница.png|frameless|1160px
| | rect 117 510 660 564 [[Новички]] |
| rect 117 450 660 504 [[Правила проекта]]
| | rect 117 569 660 630 [[Конституция СССП]] |
| rect 117 510 660 564 [[Новички]]
| | rect 117 636 660 694 [[Кодекс законов о труде]] |
| rect 117 569 660 630 [[Конституция СССП]]
| | rect 117 699 660 761 [[Должности]] |
| rect 117 636 660 694 [[Кодекс законов о труде]]
| | rect 113 766 660 822 [[Канцелярская работа]] |
| rect 117 699 660 761 [[Должности]]
| | rect 113 828 660 886 [[История]] |
| rect 113 766 660 822 [[Канцелярская работа]]
| | rect 113 766 660 950 [[Контрабанда]] |
| rect 113 828 660 886 [[История]]
| | rect 113 956 660 1006 [[Шкала квалификаций]] |
| rect 113 766 660 950 [[Контрабанда]]
| | </imagemap> |
| rect 113 956 660 1006 [[Шкала квалификаций]]
| |
| rect 50 50 150 100 [[#]] <!-- Добавляем область для переключения -->
| |
| </imagemap>
| |
| </div>
| |
| <div id="image2" style="display: none;">
| |
| <imagemap>
| |
| Image:wikitwo.png|frameless|1160px
| |
| rect 163 250 780 436 [https://discord.gg/ Ссылка на Discord]
| |
| rect 50 50 150 100 [[#]] <!-- Добавляем область для переключения -->
| |
| </imagemap>
| |
| </div>
| |
| </div>
| |
|
| |
|
| <script> | | <imagemap> |
| document.querySelectorAll('area').forEach(function(area) {
| | Image:wikitwo.png|frameless|1160px |
| area.addEventListener('click', function(event) {
| | rect 163 250 780 436 [https://discord.gg/ Ссылка на Discord] |
| // Определяем клик по области переключения
| | </imagemap> |
| if (area.getAttribute('href') === '#') {
| |
| event.preventDefault(); // Предотвращаем переход
| |
| const image1 = document.getElementById('image1');
| |
| const image2 = document.getElementById('image2');
| |
| if (image1.style.display === 'none') {
| |
| image1.style.display = 'block';
| |
| image2.style.display = 'none';
| |
| } else {
| |
| image1.style.display = 'none';
| |
| image2.style.display = 'block';
| |
| }
| |
| }
| |
| });
| |
| });
| |
| </script> | |
