powered by simpleCommunicator - 2.0.49     © 2025 Programmizd 02
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Картинки лентой (таблицы или divs?)
25 сообщений из 149, страница 4 из 6
Картинки лентой (таблицы или divs?)
    #40089563
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Горячие эстонские парни. Я вам подарю бинарник as is.
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089564
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
вадя,
Почему у меня не так? )))
у тебя превьюшки разной высоты
похоже у тебя высота вертикалок равна ширине горизонтальных нормировка по максимальному размеру
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089565
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя,
Мы в теме дизайн?
Я не уверен что следует выровнять по высоте а вправо пусть ползет сколько угодно.
Мне у меня больше нравится)))
Мозаику а-ля винда не люблю
IMHO
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089566
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
вадя,
Мы в теме дизайн?
Я не уверен что следует выровнять по высоте а вправо пусть ползет сколько угодно.
Мне у меня больше нравится)))
Мозаику а-ля винда не люблю
IMHO
тут дело вкуса - это отдельная тема
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089567
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
PetroNotC Sharp
вадя,
Почему у меня не так? )))
у тебя превьюшки разной высоты
похоже у тебя высота вертикалок равна ширине горизонтальных

Так как МАКСИМАЛЬНАЯ сторона в первью имеет ограниченный размер.
Ферштейн?
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089568
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
Так как МАКСИМАЛЬНАЯ сторона в первью имеет ограниченный размер.
Ферштейн?
ну и что ?
для меня - главное чтоб все превью были одной высоты. ширина - по факту
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089569
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
PetroNotC Sharp
Так как МАКСИМАЛЬНАЯ сторона в первью имеет ограниченный размер.
Ферштейн?
ну и что ?
для меня - главное чтоб все превью были одной высоты. ширина - по факту

ну ты же белая ворона.
Дерзай.
Спокойной ночи!
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089570
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PetroNotC Sharp
ну ты же белая ворона.
Дерзай.
значит 2 белых вороны я и mayton
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089573
он что пытается доказать, что это грех?
Код: html
1.
<img height=60 src='...'>


у него ровные строки, которые и были нужны, вот до*бался
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089575
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Горячие эстонские парни.

Следующий поинт.

Миниатюра и реальная фотка имеют разную ориентацию.

Следующие фотки - реальные. Я снимал в Севастополе. В окрестности Панорамы
вторая фотка была снята с вертикальным разворотом цифровика. Но миниатюра
не учитывает разворот.

При клике на ссылку на оригинал я вижу корректный разворот.

(Генератор html5 я полностью сегодня переделал. Теперь он фомирует корректный
XML документ но еще без indentation. Поэтому я отдельно форматирую его просто в среде
разработки для удобства)


index.html
Код: xml
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
<?xml version="1.0" encoding="utf-8"?>
<html>
    <head>
        <title>Sevastopol</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
        <style>img{
            display: block;
            height: 128px;
            margin-right: 1px;
            margin-bottom: 1px;
            }
            body{
            background-color: #FF000000;
            }
            div{
            display: flex;
            flex-wrap: wrap;
            width: 95%;
            }
        </style>
    </head>
    <body>
        <h1>Sevastopol</h1>
        <div>
            <a href="IMG_0882.JPG">
                <img src="IMG_0882-mini.JPG" alt=""></img>
            </a>
            <a href="IMG_0887.JPG">
                <img src="IMG_0887-mini.JPG" alt=""></img>
            </a>
            <a href="IMG_0895.JPG">
                <img src="IMG_0895-mini.JPG" alt=""></img>
            </a>
            <a href="IMG_0914.JPG">
                <img src="IMG_0914-mini.JPG" alt=""></img>
            </a>
            <a href="IMG_0900.JPG">
                <img src="IMG_0900-mini.JPG" alt=""></img>
            </a>
        </div>
    </body>
</html>


...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089576
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вот клик на вторую миниатюру.
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089578
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
вторая фотка была снята с вертикальным разворотом цифровика. Но миниатюра
не учитывает разворот.
при изготовлении миниатюры - ты не анализируешь поворот - и этот параметр пропадает. надо прописать его в миниатюре или просто повернут миниатюру
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089579
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

у тебя открывается в этом же окне?
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089580
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
тэг img
https://webref.ru/html/img
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089581
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton,

у тебя открывается в этом же окне?

Да. В этой-же вкладке.
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089582
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton
вторая фотка была снята с вертикальным разворотом цифровика. Но миниатюра
не учитывает разворот.
при изготовлении миниатюры - ты не анализируешь поворот - и этот параметр пропадает. надо прописать его в миниатюре или просто повернут миниатюру

Это - проблема. Я щас смотрю что ImageIO читает и генерит ущербные картинки. Пожалуй этот дефет пойдет
в форум java как отдельный баг.
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089583
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
Я щас смотрю что ImageIO читает и генерит ущербные картинки
в чем дефектные?
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089586
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Я думаю что вот в чем дело.

Линуксовая утилита file показывает кое-какие сведенья.
Код: java
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
$ file IMG_0887.JPG
IMG_0887.JPG: JPEG image data, Exif standard: [TIFF image data, little-endian, direntries=11, description=                               
, manufacturer=Canon, model=Canon PowerShot SX160 IS, 
orientation=upper-right, 
xresolution=210, 
yresolution=218, resolutionunit=2, datetime=2014:10:11 16:09:38, GPS-Data], 
baseline, precision 8, 3264x2176, components 3

$ file IMG_0887-mini.JPG
IMG_0887-mini.JPG: JPEG image data, JFIF standard 1.02, aspect ratio, density 1x1, segment length 16, baseline, precision 8, 192x128, components 3



Вот этот атрибут orientation=upper-right насколько я понимаю сохраняет в EXIF хедерах JPEG файла информацию
о том как фотик снимал. И браузер отображает корректно. Он - учитывает ориентацию.

java библиотека ImageIO - тупая и не читает эти хедеры. Она просто выгребает сырые данные картинки "as is"
и сохраняет миниатюру.

Что с этим делать я пока не знаю. Есть вариант - поискать более продвинутую java-библиотеку которая хотя-бы
парсит эти хедеры и тогда я вручную разверну миниатюру на 90 градусов используя AffineTransform или как оно там
называется....

Тоесть будет так.

1) Читаем MG_0887.JPG (метаданные)
2) Смотрим значение orientation=upper-right
3) Если фотик был развернут во время съемки - то делаем scale + rotate на 90 градусов и сохраняем митиатюру.
4) Если orientation=другое значение - то работаем по старому алгоритму.
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089587
mayton
Горячие эстонские парни.

Следующий поинт.

Миниатюра и реальная фотка имеют разную ориентацию.

Следующие фотки - реальные. Я снимал в Севастополе. В окрестности Панорамы
вторая фотка была снята с вертикальным разворотом цифровика. Но миниатюра
не учитывает разворот.

При клике на ссылку на оригинал я вижу корректный разворот.

(Генератор html5 я полностью сегодня переделал. Теперь он фомирует корректный
XML документ но еще без indentation. Поэтому я отдельно форматирую его просто в среде
разработки для удобства)


index.html
Код: xml
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
<?xml version="1.0" encoding="utf-8"?>
<html>
    <head>
        <title>Sevastopol</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
        <style>img{
            display: block;
            height: 128px;
            margin-right: 1px;
            margin-bottom: 1px;
            }
            body{
            background-color: #FF000000;
            }
            div{
            display: flex;
            flex-wrap: wrap;
            width: 95%;
            }
        </style>
    </head>
    <body>
        <h1>Sevastopol</h1>
        <div>
            <a href="IMG_0882.JPG">
                <img src="IMG_0882-mini.JPG" alt=""></img>
            </a>
            <a href="IMG_0887.JPG">
                <img src="IMG_0887-mini.JPG" alt=""></img>
            </a>
            <a href="IMG_0895.JPG">
                <img src="IMG_0895-mini.JPG" alt=""></img>
            </a>
            <a href="IMG_0914.JPG">
                <img src="IMG_0914-mini.JPG" alt=""></img>
            </a>
            <a href="IMG_0900.JPG">
                <img src="IMG_0900-mini.JPG" alt=""></img>
            </a>
        </div>
    </body>
</html>






так не делают, при нажатии должно выдаваться ровно то, на что нажал.
а потом, если у тебя сотни фоток, запаришься помечать, какие надо повернуть
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089588
mayton
Генератор html5 я полностью сегодня переделал.

на C ?
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089590
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
бабушкин зайчик
mayton
Генератор html5 я полностью сегодня переделал.

на C ?

Родительский топик был тут https://www.sql.ru/forum/1337773/staticheskaya-generaciya-thumbnails-i-index-html-dlya-katalogov-s-kartinkami
но его закрыли. Утилиту я напишу на Java. И потом попробую скомпилировать на GraalVM чтоб
был нативный бинарник хотя-бы под Win/Linux.

Утилиту подарю всем кому интересно будет. Я думаю что каталогизация фото-архивов - это тема больная.
У меня - обширные планы. В том числа и по годам и датам фотки разложить.
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089592
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton
вадя
mayton,

у тебя открывается в этом же окне?

Да. В этой-же вкладке.
вместо всех картинок, а потом командой назад возврат ко всем картинкам?
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089593
Фотография mayton
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
mayton
пропущено...

Да. В этой-же вкладке.
вместо всех картинок, а потом командой назад возврат ко всем картинкам?

Да. В настоящий Момент такое поведение у браузера Chrome.
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089603
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,

>У меня - обширные планы. В том числа и по годам и датам фотки разложить.
=обычно нужно
ВЬЮВЕР
- возврат назад на крестик
- режим слайд просмотра
- фоновая подгрузка
- не прыгать туда сюда, а на клавишу вправо листать полные изображения

-РЕДАКТОР
- поворот по EXIF
- CRUD
- группировка папки или альбомы
- права
...
Рейтинг: 0 / 0
Картинки лентой (таблицы или divs?)
    #40089606
PetroNotC Sharp
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mayton,
По архитектуре уже говорилось
- модуль вьювер не пересекается с версткой как тут 22353654
- модуль вьювер отдельно от редактора (админка)
- все работает с веб и облаками
Осилишь? Значит все руками и даже без jQuery)))) (это спринг в JS)
...
Рейтинг: 0 / 0
25 сообщений из 149, страница 4 из 6
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Картинки лентой (таблицы или divs?)
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]