Добрый день.
Подскажите, как в обзоре сделать кликабельные фотографии(при клике на фотографию, открывается фотография с другого сайта в большом размере).
1
Большие фотографии в обзоре
Автор
Bim_Sony
, 22 Мар 2012 10:21
Сообщений в теме: 28
#2
oleg826
-
- Участник
-
- 107 сообщений
Продвинутый пользователь
Отправлено 22 Март 2012 - 22:27
Залить на картинохранилище и вставить превью
#3
vint_x
-
- Участник
-
- 130 сообщений
Продвинутый пользователь
Отправлено 22 Март 2012 - 23:28
Я использую такой метод:
Заливаю картинку в http://pix.academ.org/
Получаю ссылку на оригинальный размер
К примеру вот http://pix.academ.or... ... efcf58.jpg
Чем мне понравился этот сервис, немного изменив ссылку, можно получить картинку любого размера,
вот, добавив два числа, я получил привьюшку:
http://pix.academ.or...ce2b3efcf58.jpg
Можно поиграться с этими цифрами и выбрать нужный для себя размер.
Ну а далее, если это обзор товара. вставляю html код
Или для форума:
Заливаю картинку в http://pix.academ.org/
Получаю ссылку на оригинальный размер
К примеру вот http://pix.academ.or... ... efcf58.jpg
Чем мне понравился этот сервис, немного изменив ссылку, можно получить картинку любого размера,
вот, добавив два числа, я получил привьюшку:
http://pix.academ.or...ce2b3efcf58.jpg
Можно поиграться с этими цифрами и выбрать нужный для себя размер.
Ну а далее, если это обзор товара. вставляю html код
Или для форума:
[url=http://pix.academ.org/img/2012/03/23/d5f9a78e7c070adf93f2dce2b3efcf58.jpg][img]http://pix.academ.or...8.jpg[/img[/url]
#4
randvell
-
- Участник
-
- 838 сообщений
Продвинутый пользователь
Отправлено 22 Март 2012 - 23:51
Делаю тоже самое, что в посте выше, но куда быстрее через мультизагрузку на radikal.ru
#5
vint_x
-
- Участник
-
- 130 сообщений
Продвинутый пользователь
Отправлено 23 Март 2012 - 00:42
randvell сказал:
Делаю тоже самое, что в посте выше, но куда быстрее через мультизагрузку на radikal.ru
#6
Bim_Sony
-
- Участник
-
- 87 сообщений
Продвинутый пользователь
Отправлено 23 Март 2012 - 08:02
vint_x сказал:
Я использую такой метод:
Заливаю картинку в http://pix.academ.org/
Получаю ссылку на оригинальный размер
К примеру вот http://pix.academ.or... ... efcf58.jpg
Чем мне понравился этот сервис, немного изменив ссылку, можно получить картинку любого размера,
вот, добавив два числа, я получил привьюшку:
http://pix.academ.or...ce2b3efcf58.jpg
Можно поиграться с этими цифрами и выбрать нужный для себя размер.
Ну а далее, если это обзор товара. вставляю html код
Или для форума:
Заливаю картинку в http://pix.academ.org/
Получаю ссылку на оригинальный размер
К примеру вот http://pix.academ.or... ... efcf58.jpg
Чем мне понравился этот сервис, немного изменив ссылку, можно получить картинку любого размера,
вот, добавив два числа, я получил привьюшку:
http://pix.academ.or...ce2b3efcf58.jpg
Можно поиграться с этими цифрами и выбрать нужный для себя размер.
Ну а далее, если это обзор товара. вставляю html код
Или для форума:
[url=http://pix.academ.org/img/2012/03/23/d5f9a78e7c070adf93f2dce2b3efcf58.jpg][img]http://pix.academ.or...8.jpg[/img[/url]
эээ.. метод понял, только у вас превьюшка именно с того сайта, на который заливали. А я видел, что здесь на муське при нажатии на фотку (которую залили на муське) открывается нормальная большая фотография с другого ресурса. пытался экспериментировать ничего не вышло.
Скажите пройдет такая конструкция:
П.С. для себя экспериментально выяснил, что ширина фотографии на муське не более 500 пикселей (не важно какая ориентация фотографии). Отсюда следует, что если выкладывать фотки, то лучше в книжной ориентации - больше полезной информации помещается.
#7
vint_x
-
- Участник
-
- 130 сообщений
Продвинутый пользователь
Отправлено 23 Март 2012 - 08:07
Bim_Sony, да, можно и так, как вариант, заливаете фотку на файлообменник, далее на муське нажимаете кнопку вставки картинки, указываете адрес залитой фотки, если она по размерам слишком большая, можно ограничить http://pix.academ.or...ce2b3efcf58.jpg тогда фотка будет уменьшена по большой стороне. При нажатии на кнопку добавить, вы получите готовый код вывода привьюшки, далее выделяем его, нажимаем кнопку [URL] и указываем адрес полной фотки.
#8
Bim_Sony
-
- Участник
-
- 87 сообщений
Продвинутый пользователь
Отправлено 23 Март 2012 - 08:20
Спасибо. В следующем обзоре попробую так сделать.
#9
admin
-
- Администратор
-
- 3 381 сообщений
Администратор
Отправлено 24 Март 2012 - 17:28
я как-то начинал работать над этой проблемой, часть сделал - чтобы большие картинки сохранялись, но до конца довести пока не хватает времени.
Предположим вы залили картинку и сайт сохранил ее как
_http://images.mysku.ru/uploads/images/00/45/90/2012/03/24/df07d5.jpg
чтобы получить доступ к полноразмерной картинке достаточно написать
_http://images.mysku.ru/uploads/images/original/00/45/90/2012/03/24/df07d5.jpg
Предположим вы залили картинку и сайт сохранил ее как
_http://images.mysku.ru/uploads/images/00/45/90/2012/03/24/df07d5.jpg
чтобы получить доступ к полноразмерной картинке достаточно написать
_http://images.mysku.ru/uploads/images/original/00/45/90/2012/03/24/df07d5.jpg
#10
vint_x
-
- Участник
-
- 130 сообщений
Продвинутый пользователь
Отправлено 24 Март 2012 - 20:47
admin сказал:
я как-то начинал работать над этой проблемой, часть сделал - чтобы большие картинки сохранялись, но до конца довести пока не хватает времени.
Предположим вы залили картинку и сайт сохранил ее как
_http://images.mysku.ru/uploads/images/00/45/90/2012/03/24/df07d5.jpg
чтобы получить доступ к полноразмерной картинке достаточно написать
_http://images.mysku.ru/uploads/images/original/00/45/90/2012/03/24/df07d5.jpg
Предположим вы залили картинку и сайт сохранил ее как
_http://images.mysku.ru/uploads/images/00/45/90/2012/03/24/df07d5.jpg
чтобы получить доступ к полноразмерной картинке достаточно написать
_http://images.mysku.ru/uploads/images/original/00/45/90/2012/03/24/df07d5.jpg
а я думал это сделано для экономии места на сервере :D
В принципе на многих высокопосещаемых ресурсах призывают использовать внешние файлохранилища.
#11
admin
-
- Администратор
-
- 3 381 сообщений
Администратор
Отправлено 24 Март 2012 - 21:39
vint_x сказал:
а я думал это сделано для экономии места на сервере :D
В принципе на многих высокопосещаемых ресурсах призывают использовать внешние файлохранилища.
В принципе на многих высокопосещаемых ресурсах призывают использовать внешние файлохранилища.
а потом все матерятся на битые картинки или на обвешанные рекламой радикалы:)
#12
vint_x
-
- Участник
-
- 130 сообщений
Продвинутый пользователь
Отправлено 25 Март 2012 - 00:25
Ну, если место на серваке позволяет, то конечно лучше так. А что мешает сделать сразу генерацию кода с превью?
#13
admin
-
- Администратор
-
- 3 381 сообщений
Администратор
Отправлено 25 Март 2012 - 11:10
vint_x сказал:
Ну, если место на серваке позволяет, то конечно лучше так. А что мешает сделать сразу генерацию кода с превью?
:) тем, что это нужно править движок. Я начал это делать, но пока еще не доделал. В течении нескольких недель сделаю.
#14
KOL
-
- Участник
-
- 587 сообщений
Продвинутый пользователь
Отправлено 27 Март 2012 - 00:17
admin сказал:
:) тем, что это нужно править движок. Я начал это делать, но пока еще не доделал. В течении нескольких недель сделаю.
Дык осталось JS написать (20 минут времени), который будет искать фото в посте и биндить клик на большую версию фото.
#15
ratt
-
- Участник
-
- 163 сообщений
Продвинутый пользователь
Отправлено 27 Март 2012 - 00:34
admin, зря карты раскрываете. щас начнется заливка 10 mpx картинок ))))))))
#16
vint_x
-
- Участник
-
- 130 сообщений
Продвинутый пользователь
Отправлено 27 Март 2012 - 00:38
ratt, да это фигня, ладно если сделаны они на нормальную камеру, а то сейчас полно лохоразводных камер на 15-40 мегапикселей, а детализация как была на уровне 3-6 так и осталась
#17
karagandinez
-
- Участник
-
- 13 сообщений
Пользователь
Отправлено 18 Январь 2019 - 13:41
Как-то не мог найти технических требований к фотографиям, размещаемым в обзорах. Как можно сохранить максимальное качество фото, чтобы движок сайта не пережимал их? По идее, если фотография не превышает определенных параметров, то она должна сохраняться с исходным качеством. Собственно вопрос: какое разрешение и размер фотографии являются таким оптимальными?
#18
kirich
-
- Участник
-
- 669 сообщений
Продвинутый пользователь
Отправлено 18 Январь 2019 - 13:55
karagandinez,
Сайт пережимает для превью до 800 по ширине, высота значения не имеет. Но когда открывается полное фото, то оно в исходном виде.
Потому вариантов два,
чтобы и в превью не жало, делаем ширину не более чем 800 и отключаем ватермарк.
чтобы посмотреть полностью в нормальном виде, ничего не отключаем, по клику будет полное изображение.
Сайт пережимает для превью до 800 по ширине, высота значения не имеет. Но когда открывается полное фото, то оно в исходном виде.
Потому вариантов два,
чтобы и в превью не жало, делаем ширину не более чем 800 и отключаем ватермарк.
чтобы посмотреть полностью в нормальном виде, ничего не отключаем, по клику будет полное изображение.
#19
CTAHOK
-
- Участник
-
- 91 сообщений
Продвинутый пользователь
Отправлено 18 Январь 2019 - 14:27
Ограничения для картинок написаны здесь https://mysku.ru/page/help/images, т.е. сторона изображения не должна превышать 4000 точек и 5Мб веса. Ширина в 800 пикселей - минимальный оптимум. Если требуется, чтобы люди могли по клику на изображение открыть его в увеличенном виде и рассмотреть детали, то грузим соотвественно в бОльшем разрешении (по ширине 1280 либо 1600 например) и оставляем ватермарк муськин.
Сообщение отредактировано.
#20
karagandinez
-
- Участник
-
- 13 сообщений
Пользователь
Отправлено 18 Январь 2019 - 16:43
kirich, СТАНОК, спасибо!
Небольшое уточнение. Если не прикреплять вотермарк, то полноразмер урезается?
Странно, что такие вещи не прописаны прямо, а являются своего рода скрытыми лайфхаками
Небольшое уточнение. Если не прикреплять вотермарк, то полноразмер урезается?
Странно, что такие вещи не прописаны прямо, а являются своего рода скрытыми лайфхаками
