Костылея.
Костылея - это обычная фото галерея, только на костылях.
Modified
Костылея дополнилась модификациями:
- Прослушка ширины изображения. Модифицирующий периметр для вставки в страницу пространства подстраивающийся в процентном соотношении, чтобы пролистывая галерею не было прыжков. И нижние блоки и текст не прыгали создавая ассоциации хлипкой конструкции, кое-как держащейся на плаву. Успех пришел с помощью математической формулы = (width*100)/window.innerWidth; Это хоть и дает моргание при загрузке нового изображения, но предотвращает прыжки текста, как это было без формулы вычитания процентного соотношения периметра.
- Изображение отображается с якорем для видимости снаружи того места на котором удалось остановится листая фотографии. С помощью виндов локейшин.
- Методика обхода массива на условиях с учетом виндов локейшин “якоря ссылки”, что даёт точечную сегментацию положения в галереи и отображении её с неописуемой точностью во всех двадцати шести измерениях! Ну и напоследок система комментариев без рекламных блоков от сиг коммент вместо дешевого дискуса.
Идея костылеи.
На костылях быстрее! +галерея реакт и галерея скрипт JS js script
Принцип работы костылеи.
Начало работы это созданный документ html с одним только тегом picture в котором собственно и прописаны теги img src=”images.jpeg” и для нынешнего ускорения img set type=image/webp, чтобы скорость во всех браузерах была рекордно высокой, а так же обычный img для того чтобы еще и произвести успешное открытие в технологиях apple, потому как изображения webp формата у них до сих пор не поддерживается. И проще поставить на выбор браузеру отдельный html документ с прописанными пикчерами, чем пихать коллекцию одного формата в массив. Проще собрать массив из html документов в котором тег пикчер расфасован форматами и размерами, чтобы браузер сам выбирал лучший для него.
Далее ява скрипт по технологии аякс и массив с изображениями. В яваскрипте нельзя обратиться к директории чтобы прощупать её содержимое, поэтому в скрипт нужно будет прописывать каждый html документ с картинками в ручную.
Останется только записать эти страницы в массив и обращаться к ним через аякс на удобном яваскрипте.
Скорость работы костылеи обеспечивается тем что изображение загружается отдельно с помощью аякса, то есть соседних картинок нет и не видно на странице, до нажатия кнопки перелистывания. Поэтому их изображение в поиске, не произойдет. Если не модифицировать скрипт до отображения к каждой странице с пикчерами якорной ссылки.
Тогда все! =) Отображения пикчеров с якорными ссылками будет доступно в поиске для обнаружения!