SALITA ONLINE STORE
Objective
To create the best-in-breed online store selling clothing, shoes and accessories.
SALITA
is a network of comfortable shops offering a wide range of high-quality shoes and clothes by the leading international brands.
We developed an online shop for the company.

Как сделать широкий формат в ZeroBlock для Tilda

Параметры первого экрана 2276 Х 1791px
Привязки элементов Window Relative - Left - Top

Также понадобиться скрипт для перемещения по экрану и изменению вида курсора.
Кнопки добавлены через блок BF701
Скрипты и стили нужно вставить в блок ДРУГОЕ►T123


<script>
//Функция перемещения экрана захватом мышкой
document.onmousemove = mousemove;
document.onmousedown = function(e) {
  e = e || window.event;
  down = 1;
  x = e.clientX;
  y = e.clientY;
}
 
document.onmouseup = function(e){
    e = e || window.event;
    down = 0;
}
 
function mousemove(e) {
 if(down == 1){
  if (x && y) {
    window.scrollBy(x - e.clientX, y - e.clientY);
  }
  x = e.clientX;
  y = e.clientY;
 }
}

</script>

<script>
//При нажатии мыши добавляем класс с нажатой рукой
$(".t396").mousedown(function (){
 $(this).addClass("grabbingpointer");
 });
//При отпускании мыши удаляем класс с нажатой рукой 
  $(".t396").mouseup(function (){
 $(this).removeClass("grabbingpointer");
 });
 </script>

<style>
    /*Настройки для ZeroBlock*/
    .t396 {
     /*Меняем ширину экрана*/ 
    width: 2276px;
     /*Меняем курсор*/ 
    cursor: hand;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    
    }

     /*Класс для курсора при нажатии мышкой*/ 
    .grabbingpointer{
         cursor: grabbing;
         cursor: -moz-grabbing;
         cursor: -webkit-grabbing;
        
    }

 /*Скрываем скролл-бары*/  
    .t-body{
    overflow: hidden;
    }
    
</style>
Error get alias
Error get alias
Error get alias
Made on
Tilda