aqua.77

Пользователь
  • Публикации

    149
  • Зарегистрирован

  • Посещение

  • Days Won

    1

aqua.77 last won the day on 10 февраля

aqua.77 had the most liked content!

Репутация

2 Обычная

О aqua.77

  • Звание
    Участник
  • День рождения 20.02.1997

Информация

  • Пол
    мужской
  • Откуда
    Самара
  • Интересы
    Очевидно же

Посетители профиля

482 просмотра профиля
  1. На странице есть много картинок, и чтобы сделать предварительную загрузку не комильфо прогонять каждый путь через массив, ибо путей много и вручную это долго. Как можно сделать по другому? Мой вариант будет правильным? При нажатии на маленькое изображение должно появляться большое без загрузки. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.open').append('newI'); }); });
  2. Я применил вот такой цикл предварительной загрузки изображений. Т.е. each проходит по всем изображениям получает их src адрес, и загружает её в переменной att. После при клике должна без загрузки появится большая версия картинки. Я всё правильно сделал? на практике всё работает без зависаний. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.light img').attr('src',att); });
  3. Я понимаю что display не анимируется, но height то анимируется. Как объединить эти два свойства вместе? Стоит задача плавно раскрыть скрытый элемент. Да знаю можно сделать visibility: hidden, но хочется чтобы лишний блок не нагружал браузер и не появлялся до своего момента. https://jsfiddle.net/2ds6ke41/
  4. Или статья устаревшая Ещё прочтите на заголовке Анонимные боксы уровня блока
  5. https://html5book.ru/block-inline-elements/ Вот пожалуйста. В конце заголовка 3. Блочные элементы и блочные контейнеры
  6. Я на данной статье прочитал следующее "Блочные элементы могут содержать как строчные, так и блочные элементы, но не оба типа элементов сразу." Это как понимать? т.е. так делать нельзя? https://jsfiddle.net/toe0nkwc/? Всё вроде работает и отображается.
  7. В чём заключается соль такого поведения: если изменить атрибут scr который пустой то плавный переход не происходит Если же в scr уже есть пусть к картинке и его изменить то, плавный переход работает корректно. Нажмите на qwe для сравнения
  8. <input type="button" value="Кнопка" onClick='location.href="https://www.yandex.ru/"'>
  9. Вот я делал когда то на чистом html+css слайдеры.zip
  10. Видимо animation не применяется transform
  11. Браузер ошибок не выдаёт (ctrl+shift+j) именно на JQ нужно чтоб потом easing добавить
  12. $('div').animate({ transform: 'translateX(400px)' }); Код корректен, но не работает. Как применить анимацию с перемещением блока на 400px?
  13. Да, но нужно чтобы блоки были друг за другом а не на одной линии, можно и так https://jsfiddle.net/oxtLhs5n/1/ Можно что-то добавить DIV`у в стили чтобы происходил перенос строки?
  14. Собственно.. как задать ширину контейнера по содержимому? Но контейнер должен быть блочным https://jsfiddle.net/oxtLhs5n/