встал на одной проблеме, вроде бы не такая сложная, но не могу найти вариант решения.
На странице есть карточки товара 4 карточки на 1 строке при ширине в 1600px, первая и крайняя карточки должны быть без боковых отступов. попробовал испол…
Я написал слайдер. Работает он хорошо, но почему то когда я делаю два слайдера на одной странице один из них работает, а второй нет. Как исправить данную ошибку. Почему работает только первый слайдер. Я начинающий разработчик и прошу вас …
Объект представляет из себя картинку или блок, который должен плавно подниматься с нижнего угла div’а к верхнему при скроллинге страницы вниз.
…
От автора: в этой статье я просто резюмирую свой порядок изучения CSS. Надеюсь, это поможет вам улучшить понимание CSS. 1. Приоритет селектора CSS Приоритет селектора CSS разделен на несколько категорий, каждая из которых имеет свою специфичность. Мы можем вычислить фактический приоритет, суммируя специфичность всех селекторов. Фактически, если вы используете правило !important, оно переопределит ВСЕ предыдущие […]
$(document).ready(function () {
var swiper = new Swiper(“.swiper-slider-main”, {
lazy: true,
loop: true,
pagination: {
el: “.swiper-pagination”,
//type: ‘progressbar’,
},
navigation: {
nextEl: “….
Создал тип инфоблока – Слайдер на битриксе и сам инфоблок – слайдер, который включает в себя фоновое изображение слайда (картинка анонса инфоблока слайдер), имя слайда, фотографию автора слайда (строковому свойству PictureUrl анонса задал …
Сейчас анимация начинается сразу при загрузке страницы:
button {
display: block;
width: 40px;
height: 40px;
border: none;
outline: none;
padding: 0px;
}
svg {
display: block;
width: 100%;
height: 100%;
}
.popup {
…
Помогите, пожалуйста, разобраться почему не работает. При клике должен отображаться контент с картинкой. При клике на all все картинки
function ourAmazingWorksTabs() {
let tabTitlesWorks = document.querySelectorAll(‘.our-amazing-work…
есть код, для вставки на сайт
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"&g…
Например, я хочу что бы цвет окружности после прокрутки 50 пикселей поменял цвет, то есть просто добавил дежурный класс к основному.
$(window).scroll(function() {
if($(this).scrollTop() > 50) {
$(‘.ellipse’).classList.ad…
Добрый день.
Интересует технология с помощью которой можно было бы создать данную карту участков.
Суть такова: при наведении на участок выводиться стоимость и фотография.
Хочется сделать такого же типа, но при наведении и отдалении можно …
Всем привет, на сайте на Wordpress возникла такая проблема (вот сам сайт https://kitelantis.com/)
На главной странице откуда не возьмись появились хлебные крошки которых там быть не должно, я видел похожую статью на Stackowerflow но она не…
мне надо сделать так, чтобы в slick слайдере можно было управлять колёсиком мыши, пример тут
Мой код:
код на codepen
$(document).ready(function(){
$(‘.slider’).slick({
vertical: true,
verticalSwiping: true,
…
Как реализовать выдвижение текста из блока? Хочу чтобы из логотипа плавно появлялся текст
На странице есть несколько кнопок. Внутри кнопок есть div и svg.
<button class="wpOab " type="button"><div class="QBdTU B5bH7"><svg class="news" color="#8e8e8e" fill="#…
Вот пример того как background color опережает сам ползунок. Как исправить это, независимо от максимального и минимального предела input, без содания плавного перехода зеленого цвета в белый?
const sliderInput = document.querySelector(…
Как добавить блок в меню бургер на мобилке? javascript
Сделал модальное окно, для закрытия добавил svg картинку, при клике которой должно закрываться это окно путем удаления CSS класса modal_active. Но почему то он его не удаляет, или удаляет и вновь создает, в чем проблема?
index.html
<div…
Не могу адаптировать slick slider. Перепробовал все способы, которые только нашёл, но ничего не получается. Код
<section class="film">
<div class="container">
…
мне нужно вывести ошибку, когда пользователь нажимает на заблокированную кнопку на странице, для этого решил обернуть кнопку в div, а на него повесить слушатель клика. При нажатии на текст кнопки, скрипт срабатывает, но если нажать на фон …
Сделал модальное окно, пользователи в него выводятся, но проблема в том, что они выводятся в ряд, как можно сделать чтобы новый пользователь, новая строка(\n не работает, просто ставит пробел).
Может в css как то добавить, или только в js …
Сделал модальное окно, пользователи в него выводятся, но проблема в том, что они выводятся в ряд, как можно сделать чтобы новый пользователь, новая строка(\n не работает, просто ставит пробел).
Может в css как то добавить, или только в js …
Есть код, в котором я добавляю css атрибуты (в моем случае color: red;) после определенного класса class="two" при помощи ~. Можно ли сделать наоборот (если css не подойдет, то можно использовать javascript), что бы атрибуты доба…
использую слайдер react-slick и в процессе верстки макета столкнулся с проблемой.
позиционировал нумерацию слайдов через relative. Ноль выходит за границы видимового блока, но его часть видна со следующего слайда.
…
я делаю кино сайт, и каждый раз при добавлении нового фильма я трачу много времени для копирования и изменения кода. Как можно упростить этот процесс?
Сам блок фильма
<div class=”movie-card” onclick=”location.href=’/films/1-garrypot…
я делаю кино сайт, и каждый раз при добавлении нового фильма я трачу много времени для копирования и изменения кода. Как можно упростить этот процесс?
Сам блок фильма
<div class=”movie-card” onclick=”location.href=’/films/1-garrypot…
Есть задача: При нажатии на кнопки менять отображаемые блоки, например при выборе секции "Маникюр" отображаются одни цены, при нажатии на секцию "Педекюр" цены меняются (1 блок цен скрывается и всместо него отоброжается…
Есть задача: При нажатии на кнопки менять отображаемые блоки, например при выборе секции "Маникюр" отображаются одни цены, при нажатии на секцию "Педекюр" цены меняются (1 блок цен скрывается и всместо него отоброжается…
У меня есть код js, и туда нужно запихнуть вместо цветов видео. Как это сделать? отправьте пожалуйста код.
onclick=’switchBg();’
var bgar = [‘#f00’, ‘#0f0’, ‘#00f’], curBg = 0;
function switchBg(){
document.body.style.background = bg…
Свежие комментарии