Как вставлять картинки в сообщения? Опции

[serj]

Здравствуйте.
Мне надо вставлять в сообщения картинки большого размера (примерно 2000х1000 пикселей и больше), но так чтобы в сообщениях они были представлены маленькими картинками, а человек, если захочет смог бы нажать на них и тогда они уже раскроються в полном размере.
стандартная встовляет их в том размере в каком есть, не уменьшая.
Обьясните пожалуйста как мне сделать так как я хочу ?
Заране спасибо.

[XXL]

"Стандартный" способ присоединения файлов как раз делает так как Вам надо, в сообщении превьюшка в траурной рамочке, а картинка раскрывается в полный размер.
Нежелательность этого способа только в том, что огромные картинки хранятся в форуме, который для этого не предназначен.
Поэтому лучше картинки, которые шире 1200, размещать в своем фотоальбоме на специализированных ресурсах (flickr и ему подобные), а на форуме давать туда ссылку. И, если надо, размещать небольшие изображения.
Это сложнее, но правильнее по отношению к пользователям.

[serj]

Я закачиваю на pix.academ.org, и даю ссылку туда.

[XXL]

Я закачиваю на pix.academ.org, и даю ссылку туда.

Для широких картинок этот способ работает безобразно.

pix не позволяет вставлять в форум маленькие превью, все они у Вас будут шириной 1024.

[serj]

А как сделать так как мне надо ? если можно прям по шагам

[Виконт]

А как сделать так как мне надо ? если можно прям по шагам

1. Никак

Это просто форум, не фото-хостинг. Заведите страницу на фото-сайте или сделайте свой сайтик

[serj]

ммм, а какие есть фото сайты ?
тут на форуме полным полно таких картинок, как то ведь они это делают..

[XXL]

ммм, а какие есть фото сайты ?

radikal.ru
photobucket.com
picasaweb.google.com
photosight.ru
fotki.yandex.ru
flickr.com
imageshack.us
и т. п.

тут на форуме полным полно таких картинок, как то ведь они это делают..

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

[Adept]

Есть другой способ. Более сложный, но если хочется хорошо оформить картинки и использовать "подручные средства" в виде форума и pix.academ.org, то можно просто сделать две картинки: превьюшку и картинку с высоким расширением — первую вставить в пост и оформить её ссылкой на pix (или другой подобный ресурс), куда загрузить вторую. Такой способ часто применяется на некоторых форумах (в частности на forums.ag.ru, где меня к нему и приучили).

Выглядеть это должно примерно так:

Код

[url="http://pix.academ.org/img/2009/06/06/1b0051b60a047d441d8aba1639b4082a.jpg"][img]http://pix.academ.org/img/2009/06/06/58b662651906ee738144c4b7ee8c5e50.jpg[/img][/url]

[SunRabbit]

Я закачиваю на pix.academ.org, и даю ссылку туда.

Для широких картинок этот способ работает безобразно.

pix не позволяет вставлять в форум маленькие превью, все они у Вас будут шириной 1024.

мммм... из инструкции на http://pix.academ.org/:

И код превьюшки 150х120:
<img src="http://pix.academ.org/img/2007/03/23/150x120_88f553c9ae614763a903bf910d5b99b6">

Если внимательно присмотреться, то картинки можно генерить любого размера:
<img src="http://pix.academ.org/img/2007/03/23/500x600_88f553c9ae614763a903bf910d5b99b6">

[XXL]

мммм... из инструкции на http://pix.academ.org/:

И код превьюшки 150х120:
<img src="http://pix.academ.org/img/2007/03/23/150x120_88f553c9ae614763a903bf910d5b99b6">

Если внимательно присмотреться, то картинки можно генерить любого размера:
<img src="http://pix.academ.org/img/2007/03/23/500x600_88f553c9ae614763a903bf910d5b99b6">

А как их потом вставлять в этот форум?

[Таранум]

Для широких картинок этот способ работает безобразно.

pix не позволяет вставлять в форум маленькие превью, все они у Вас будут шириной 1024.

Вы по-прежнему уверены в своём высказывании?

Идёте на PIX, и перед тем как вставить изображение и жахнуть "закачать" чуточку ниже прочтите инструкцию "Как этим пользоваться?!".


Собственно выше уже SunRabbit писал, но для понятности на своём примере поясню, подробно. Я закачал изображение, получил на него ссылку:

Код

http://pix.academ.org/img/2009/06/19/ef9be5dd4610cb386faeb6f6f64d14cf.png

Чтобы получить маленькое изображение, я меняю ссылку на

Код

http://pix.academ.org/img/2009/06/19/320_ef9be5dd4610cb386faeb6f6f64d14cf.png

Замечу, что я дописал "320_", что определяет размер нашей миниатюры; меняйте это число как вам надо.
В инструкции написан пример для HTML. На форуме же надо вокруг ссылки добавить тег "IMG", т.е.

Код

[img]http://pix.academ.org/img/2009/06/19/320_ef9be5dd4610cb386faeb6f6f64d14cf.png[/img]

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

Код

[url="http://pix.academ.org/img/2009/06/19/ef9be5dd4610cb386faeb6f6f64d14cf.png"][img]http://pix.academ.org/img/2009/06/19/320_ef9be5dd4610cb386faeb6f6f64d14cf.png[/img][/url]

Не так уж это и сложно!

[XXL]

Конечно, я уверена, раз не могу этому научить пользователей в своем разделе

То, что выдает pix как превьюшку, "Код вставки в HTML (превьюшка 150х120): " в этом форуме в сообщении как картинка не отображается.


<a href="http://pix.academ.org/img/2009/06/19/42538f12074754a052d4ea3ba778a7dd.jpg"><img src="http://pix.academ.org/img/2009/06/19/150x120_42538f12074754a052d4ea3ba778a7dd.jpg" border="0"></a>

Более сложные манипуляции, чем простой копи-пэйст ссылки и изменение в нем размера, я и называю "безобразной работой".

[Таранум]

Конечно, я уверена, раз не могу этому научить пользователей в своем разделе

То, что выдает pix как превьюшку, "Код вставки в HTML (превьюшка 150х120): " в этом форуме в сообщении как картинка не отображается.


<a href="http://pix.academ.org/img/2009/06/19/42538f12074754a052d4ea3ba778a7dd.jpg"><img src="http://pix.academ.org/img/2009/06/19/150x120_42538f12074754a052d4ea3ba778a7dd.jpg" border="0"></a>

Более сложные манипуляции, чем простой копи-пэйст ссылки и изменение в нем размера, я и называю "безобразной работой".

Тег "URL" на форуме -- эквивалент "a href" в HTML, как "IMG" -- "img src". Не копи-паст, но не так уж и затруднительно!
Т.е. надо немного код подкорректировать:

Код

<a href="http://pix.academ.org/img/2009/06/19/42538f12074754a052d4ea3ba778a7dd.jpg"><img src="http://pix.academ.org/img/2009/06/19/150x120_42538f12074754a052d4ea3ba778a7dd.jpg" border="0"></a>

на

Код

[url="http://pix.academ.org/img/2009/06/19/42538f12074754a052d4ea3ba778a7dd.jpg"][IMG]http://pix.academ.org/img/2009/06/19/150x120_42538f12074754a052d4ea3ba778a7dd.jpg[/IMG][/url]

Результат:

[XXL]

Тег "URL" на форуме -- эквивалент "a href" в HTML, как "IMG" -- "img src". Не копи-паст, но не так уж и затруднительно!
Т.е. надо немного код подкорректировать:

Код

<a href="http://pix.academ.org/img/2009/06/19/42538f12074754a052d4ea3ba778a7dd.jpg"><img src="http://pix.academ.org/img/2009/06/19/150x120_42538f12074754a052d4ea3ba778a7dd.jpg" border="0"></a>

на

Код

[url="http://pix.academ.org/img/2009/06/19/42538f12074754a052d4ea3ba778a7dd.jpg"][IMG]http://pix.academ.org/img/2009/06/19/150x120_42538f12074754a052d4ea3ba778a7dd.jpg[/IMG][/url]

Результат:

Очень не юзер-френдли, и в ЛС я объяснить эту процедуру, наверное, не возьмусь.
В качестве эксперимента попробую давать ссылку на эту тему.