Как сделать ссылку на оригинал фото в галерее?

  • rikitikes

    (@rikitikes)


    11 лет, 9 месяцев назад

    Здравствуйте.
    Есть галерея, созданная с помощью плагинов Responsive Gallery Grid и Auto ThickBox Plus.
    В плагин Auto ThickBox Plus в лайгхтбоксе внизу справа внедрена кнопочка «Оригинал», которая по замыслу должна выводить оригинал фотографии.
    Именно original, а не large или medium размер.
    То есть хотелось бы, чтобы пользовать мог быстро пролистывать фотографии за счёт загрузки large размера, и если какая фотография его заинтересует, открыть полный размер оригинала, чтобы рассмотреть детали.
    Кнопочка «Оригинал» представляет из себя вставленный в thickbox.min.js код:

    <a id='original' href='"+c+"' title='"+thickboxL10n.open+"'>Оригинал</a>

    или такой вариант без «+c+»:

    <a href='' title='"+thickboxL10n.open+"'>Оригинал</a>

    В любом случае кнопка выводит фотки в чистом виде, которые загружались в лайгхтбокс. Размеры загружаемых фоток обусловлены плагином Responsive Gallery Grid, которые в его responsive-gallery-grid/gallerygrid.php легко исправить, сменив large по умолчанию на original.
    Но возникает противоречие. Если загружать original, то фотки медленно загружаются и соответственно медленно листаются, зато можно открыть оригинал в полном размере. А если грузить размер Large, то всё наоборот. Там получается что кнопка Оригинал вообще теряет смысл, так как выводимый ею размер мало отличается от размера в лайгхтбоксе.
    Ниже для сравнения приведу ссылку на галереи:

    http://santa.besaba.com/proverochnaya-zapis-4/

    Размеры оригиналов фоток: 1944px×2592px и 2592px × 1944px.
    Создвнные wordpress large рвзмеры: 768px × 1024px и 1024px × 768px.
    В первой штатной галерее загружаются оригиналы изображений, во второй large размеры.
    Прошу знающих людей совета, как правильно сделать такую кнопку, чтобы выводила, только оригинальные размеры изображений.
    Спасибо.

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • 1596754as98

    (@adminstrelok)

    11 лет, 9 месяцев назад

    как правильно сделать такую кнопку, чтобы выводила, только оригинальные размеры изображений.

    Надо думать не о кнопке, (она у вас уже есть и работает правильно) а о том, как правильно загружать на сайт фото, что пока неправильно делаете вы.

    Нужно предварительно уменьшать их размер до разумных пределов в графическом редакторе на компьютере.

    Размеры оригиналов фоток: 1944px×2592px и 2592px × 1944px.

    Это очень много! Совершенно ни к чему загружать фото в их оригинальном размере, сделанным фотокамерой. Зачем пытаться показать то, что не уместится в мониторе? Прокручивать огромное фото по вертикали или горизонтали полосами прокрутки браузера — это крайне не удобно, совершенно ни к чему и никто как правило это делать не станет. Тем более такие фото имеют и соответствующий большой «вес», что заметно тормозит скорость их открытия и работу сайта вообще.

    Отпимальный размер фото для любого сайта — от 800 до максимум 1920 по большей стороне.
    В вашем случае, если у вас синдром «гигантомании» :)), уменьшите фото до 1920. (Хотя это тоже многовато будет) В таком случае и «вес» фото значительно уменьшится и при нажатии кнопки «оригинал» оно откроется быстро и будет выглядеть на экране в оптимальном размере, без полос прокрутки.

    Я использую аналогичный плагин-лайтбокс и здесь вы можете вы можете посмотреть как это работает. Например при клике на фото рыбы в начале поста оно увеличится. На увеличенном фото можно нажать значок «увеличить» (аналог вашей кнопки «Оригинал»).

    (Все фото у меня сайте имеют размер 1200 по большей стороне) И как видите этого вполне достаточно для комфортного просмотра даже панорамных фото)

    P.S. Вы должны понимать разницу
    1. Оригинал фото, как сделанный вашей фотокамерой — это одно
    2. Оригинал фото, которое открывает ваш лайтбокс — это другое.

    Пункт 2 не должен равняться (по размерам фото) пункту 1, а должен быть значительно меньше. И это надо делать предварительно, в графическом редакторе, перед загрузкой фото на сайт.

    1596754as98

    (@adminstrelok)

    11 лет, 9 месяцев назад

    Если вы не дружите с программами-графическими редакторами можно воспользоваться плагинами, которые автоматически сжимают загружаемые на сайт фото до указанных вами размеров. Один из таких плагинов http://wordpress.org/plugins/resize-on-upload/ (Он довольно старый, с предупреждающей надписью, что не обновлялся более 2 лет, но тем не менее он продолжает без проблем работать на одном из моих сайтов вплоть до нынешней версии WP 3.8.3)

    Есть и дугие аналогичные плагины, Однако вариант предварительного уменьшения размера фото в программе-графическом редакторе в любом случае значительно лучше.

    И вот еще один альтернативный вариант, как показать именно оригинал фото с фотокамеры не загружая на свой сайт непомерно большой файл как по размеру, так и по весу, тем самым не тормозя свой сайт, открытие фото и экономя место на хостинге.
    ПРИМЕР

    Но в этом случае, как вы догадались, используется сторонний фотохостинг. В данном случае -Яндекс-фотки.

    Автор rikitikes

    (@rikitikes)

    11 лет, 9 месяцев назад

    Спасибо за развёрнутый ответ, но как делать ресайз я знаю и часто применяю его перед загрузкрй фотографий на сайт.
    Но есть фотографии, которые не хотелось бы уменьшать. Это к примеру старые истроческие фотографии высокого качества, виды городов снятые на зеркальном фотоаппврате и т.п.
    Как кому, но мне в таких фотографиях интересна деталировка. Иногда просто любопытно насколько точно сумела передать та или иная модель фотоаппарата мелкиие детали.
    На Яндекс-фотках есть такая ссылка «Оригинал». Я её часто использую, когда попадаются подобные фотографии.
    Есть похожая кнопка и на Vkontakte (Загрузить на диск). Но там фотки подрезаются.
    Конечно можно под галереей привести ссылку. Мол оригиналы фоток смотри на Яндекс фотках. Возможно я так и поступлю, если не найду ответа.

    1596754as98

    (@adminstrelok)

    11 лет, 9 месяцев назад

    На Яндекс-фотках есть такая ссылка «Оригинал»

    Тогда совмещаем это с этим

    И вот еще один альтернативный вариант, как показать именно оригинал фото с фотокамеры не загружая на свой сайт непомерно большой файл как по размеру, так и по весу, тем самым не тормозя свой сайт, открытие фото и экономя место на хостинге.
    ПРИМЕР

    Но в этом случае, как вы догадались, используется сторонний фотохостинг. В данном случае -Яндекс-фотки.

    1596754as98

    (@adminstrelok)

    11 лет, 9 месяцев назад

    Но есть фотографии, которые не хотелось бы уменьшать. Это к примеру старые истроческие фотографии высокого качества, виды городов снятые на зеркальном фотоаппврате и т.п.
    Как кому, но мне в таких фотографиях интересна деталировка. Иногда просто любопытно насколько точно сумела передать та или иная модель фотоаппарата мелкиие детали.

    Согласен! Это тот редкий случай, когда на сайте нужен именно оригинал. Но решение упирается в два варианта
    1. Размещаем оригинал на своём сайте, мирясь с «тормознутостью» его открытия
    2. Пользуемся сторонним фотохостингом и превью оригинала вставляем в запись по ссылке со ссылкой на оригинал.

    Быть может есть и третий вариант, но лично я пока эту задачу не решил

    Автор rikitikes

    (@rikitikes)

    11 лет, 9 месяцев назад

    На обычном сайте иди форуме я так и поступал. Выставлял кликабельную миниатюру, а ссылку давал на оригинал на Яндекс-фотках. Но здесь wordpress.

    1596754as98

    (@adminstrelok)

    11 лет, 9 месяцев назад

    На обычном сайте иди форуме я так и поступал. Выставлял коикабельную миниатюру, а ссылку давал на оригинал на Яндекс-фотки Но здесь wordpress

    А что мешает это сделать точно также в WP?

    Автор rikitikes

    (@rikitikes)

    11 лет, 9 месяцев назад

    Да можно, почему же нельзя.
    Именно так я и сделал в последней тестовой галерее, вставив ссылки на original в подписи:
    http://santa.besaba.com/proverochnaya-zapis-4/
    Занятно получилось — правая ссылка ведет на загружаемый в lightbox large размер, а в подписи на original.
    Но это канитель — для каждой картинки вручную href оригиналов в подписях прописывать.
    Заметил что и на штатных страницах вложений картинки из оригиналов масштабируются, Потому они там медленно листаются.

Просмотр 8 ответов — с 1 по 8 (всего 8)

Тема «Как сделать ссылку на оригинал фото в галерее?» закрыта для новых ответов.