Ознакомьтесь с нашей политикой обработки персональных данных
17:07 

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

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Например, вы хотите разместить у себя картинку, которую кто-то уже залил к себе, или делаете перепост, но в исходном посте картинка слишком большая. В таком случае можно легко и быстро сделать превью. Чтобы понять, где размещена картинка, щелкните правой кнопкой мыши - открыть в новом окне. Картинки, залитые на дайры, имеют адрес вида http://static.diary.ru/userdir/.... Ссылка на полную картинку выглядит так: static.diary.ru/userdir/1/4/3/9/1439841/5516786.... Перед последними цифрами добавляем thumb/ и получаем превьюшку: static.diary.ru/userdir/1/4/3/9/1439841/thumb/5...

Легкий способ вставить превью
Делаем превью в море (картинка раскрывается по щелчку).

[MORE=<img src="превью">]<img src="картинка">[/MORE]

1. Жмем на море. [MORE=читать дальше][/MORE]

2. Убираем "читать дальше", зажимаем СTRL или ALT (в зависимости от браузера), кликаем на кнопку "Вставить картинку" , появляются теги картинки.
[MORE=<img src="">][/MORE]

3. В кавычки вставляем ссылку на превью. [MORE=<img src="http://static.diary.ru/userdir/1/4/3/9/1439841/thumb/55167863.jpg">][/MORE]
4. Ставим курсор между квадратных скобок, опять СTRL или ALT, кнопка [MORE=<img src="http://static.diary.ru/userdir/1/4/3/9/1439841/thumb/55167863.jpg">]<img src="">[/MORE]

5. ...и в кавычки вставляем ссылку на полную картинку. [MORE=<img src="http://static.diary.ru/userdir/1/4/3/9/1439841/thumb/55167863.jpg">]<img src="http://static.diary.ru/userdir/1/4/3/9/1439841/55167863.jpg>[/MORE]
Делаем превью со ссылкой (открывается в новом окне).

<a href="картинка"><img src="превью"></a>

1. Жмем на кнопку URL . <a href=""></a>

2. В кавычки вставляем только ссылку на картинку, безо всяких тегов. <a href="http://static.diary.ru/userdir/1/4/3/9/1439841/55167863.jpg"></a>

3. Курсор между треугольными скобками, жмем CTRL или ALT +
<a href="http://static.diary.ru/userdir/1/4/3/9/1439841/55167863.jpg"><img src=""></a>


4. И вставляем ссылку на превью.
<a href="http://static.diary.ru/userdir/1/4/3/9/1439841/55167863.jpg"><img src="http://static.diary.ru/userdir/1/4/3/9/1439841/thumb/55167863.jpg"></a>

Результат:

@темы: Теги оформления записи, Добавление изображений

Комментарии
2011-02-26 в 17:11 

Найотри
Самым главным доказательством существования разумной жизни во Вселенной является то, что ещё никто не пытался с нами связаться. (с) Неизвестный автор
Спасибо. :sunny:

2011-02-26 в 17:21 

Sabrina Nord
It's not about the destination, it's about the journey
а не подскажите, как здесь выставлять видео? а то никак не разберусь с кодами(

2011-02-26 в 17:22 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
2011-02-26 в 17:31 

крошка Джейн
Можно свернуть. Обрыв обогнуть. Но мы выбираем трудный путь. Опасный как военная тропа...
А как сделать превью картинки не с дайри? С другого источника.

2011-02-26 в 17:33 

Sabrina Nord
It's not about the destination, it's about the journey
спасибо!

2011-02-26 в 17:33 

Не говорите так быстро, я не успеваю класть х*р на ваши слова.
2011-02-26 в 17:37 

Можно свернуть. Обрыв обогнуть. Но мы выбираем трудный путь. Опасный как военная тропа...
Это я знаю. Я думала может как-то по другому.
То есть сначала заливаешь картинку на дайри, а потом как описано выше?

2011-02-26 в 17:39 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
крошка Джейн, если заливаешь, то при вставке в пост сразу будут варианты: вставить изображение, или превью, или превью в море.
А таким способом, если имеется ссылка на картинку из чужой библиотеки.

2011-02-26 в 17:42 

Snapeart
SNAPE-ART DAILY
Спасибо, заложила!
А не скажете, как вставлять не превьюшку, а просто картинку, но чтоб была поменьше, чем там, откуда берешь "ссылку на изображение", чтоб вставить?

2011-02-26 в 17:45 

Жизнь не течет по прямой. Она как расходящиеся по воде круги. ©
А с гифками делается всё то же самое, только в кодах jpg заменяется на gif?

2011-02-26 в 17:48 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
mybianca, о, это вообще элементарно.
<a href="http://static.diary.ru/userdir/1/4/3/9/1439841/55167863.jpg" width=50></a>

<a href="http://static.diary.ru/userdir/1/4/3/9/1439841/55167863.jpg" height=50></a>


Просто прописываете после ссылки нужную вам ширину (width) либо высоту (height).

А вообще тут по тегу Добавление изображений много всяких интересностей, посмотрите pay.diary.ru/~diary-tips/?tag=352947 :)

Нимуэ Вивьен, ХЗ, если честно, надо пробовать.

2011-02-26 в 17:53 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Ну вроде да)

2011-02-26 в 17:53 

Snapeart
SNAPE-ART DAILY
Души Романтиков спасибо большое! но почему либо? остальное подстраивается под пропорции? попробую сейчас.

2011-02-26 в 17:56 

Не говорите так быстро, я не успеваю класть х*р на ваши слова.
mybianca, размер уменьшается пропорционально. Зависит от ваших целей, если вы хотите, например разместить несколько картинок в столбик, то логично их аодогнать по ширине, а если подряд - то по высоте.

2011-02-26 в 17:56 

Жизнь не течет по прямой. Она как расходящиеся по воде круги. ©

2011-02-26 в 18:01 

Jenni
Снейп жил, Снейп жив, Снейп будет жить!
Души Романтиков
А можно убрать под кат то, что после "Легкий способ вставить превью"?
Избранное разнесло до нечитабельности(

2011-02-26 в 18:07 

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Jenni, сейчас придумаю что-нибудь.
Убрала)

2011-02-26 в 18:35 

Jenni
Снейп жил, Снейп жив, Снейп будет жить!
2012-02-02 в 21:48 

Seychelles-star
Спасибо, подскажите, пожалуйста, а можно ли сделать так, что бы размер превью с дайри был не стандартный, а заданного размера (при этом картинка была бы кликабельна) ?

2012-02-03 в 00:12 

quirischa
администратор
(с капибарой на аватарке)
Seychelles-star
вариант 1:
[MORE=<img src="ссылка на превью заданного размера">]<img src="картинка">[/MORE]

вариант 2:
[MORE=<img src="ссылка на превью" width="ширина превью" height="высота превью">]<img src="картинка">[/MORE]

2012-02-03 в 00:14 

quirischa
администратор
(с капибарой на аватарке)
Если нужна кликабельная картинка, то вместо <img src="картинка"> ставите <a href="ссылка"><img src="картинка"></a>

2012-02-03 в 11:04 

Seychelles-star
quirischa, спасибо за ответ :friend:
Но никак не соображу (вроде пытаюсь прописать где что надо, но получается ахинея), если можно объясните на конкретном примере (то есть с полностью прописанными ссылками), а я постараюсь по аналогии освоить :kapit:

2012-02-03 в 11:41 

Seychelles-star
Уже не надо, наконец-то осилила, еще раз огромное спасибо!

2013-05-27 в 15:19 

как вариант - можно воспользоваться сторонним хостингом изображений, типа http://pipel.org/image/
залили, получили код на картинку, вставили... всё просто

URL
Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@Дневники: секреты, тонкости и хитрости

главная