event.button
https://learn.javascript.ru/mouse-events-basics .history.back()
, а если нажали на среднюю кнопку, то переход на предыдущую страницу в новой вкладке с помощью функции window.open(prevPageUrl);
/bitrix/php_interface/init.php
. Там могут быть навешаны кастомные обработчики событий, и вот там тоже по инструкции https://www.brekot.ru/blog/1s-bitriks-i-php-8/ надо добавить ключ static
перед функциями-методами. @keyframes
не обойтись. @keyframes
с очень быстрой сменой финального состояния на дефолтное .item
. link = $(".item h2 a");
text = link.text();
root = link.parents(".item");
button = $(".button a",root); // вот тут ссылку, вызывающую модальное окно ищем в контексте root-ового элемента .item - он указан после запятой.
button.attr("title",text);
position: fixed; top: 0; left: 0; width: 100%;
position: fixed; bottom: 0; left: 0; width: 100%;
padding-top
и padding-bottom
задать для компенсации высоты хэдера и футера, чтобы содержание не "пряталось" за ними.height="100%" width="100%"
для изображения. Соответственно, контейнер изображения принимает размеры кнопки, изображение растягивается до размеров и пропорций кнопки. object-fit: contain;
- оно позиционирует изображение по центру контейнера с сохранением истинных пропорций изображения.<head>
увидите ссылки до реальных css и js файлов. viewbox="0 0 100 100"
устанавливаем viewbox="-10 -10 120 120"
(т.е. добавили с каждого края по 10 единиц). Этим мы как бы уменьшим масштаб иконки в рамках viewbox'а, отодвинув края рисунка от краёв viewbox'а. section.active {
display: block;
}
section:not(.active) {
display: none;
}
jQuery(document).ready(function($){
$("section:nth-child(1)").addClass("active");
$(document).on("click","section.active button",function(){
if ($(this).text()=="Next") {
$(this).parents("section").removeClass("active").next("section").addClass("active");
} else if ($(this).text()=="Back") {
$(this).parents("section").removeClass("active").prev("section").addClass("active");
}
});
})