А вот если сделать так, то текст будет красиво обтекать картинку слева:
https://i.pinimg.com/736x/d6/7e/9d/d67e9d0ec4b00b141546ee882e556630.jpg">https://i.pinimg.com/736x/d6/7e/9d/d67e9d0ec4b00b141546ee882e556630.jpg" style="float: left; margin: 5px 15px; width: 300px;" title="Жуткая страшная Россия">Вопрос расширения НАТО оказался в центре краха перспектив прозападной политики в России в 1990-е годы. За этим крахом стоит вовсе не "обида русских на Запад", как это зачастую поверхностно трактуется в современном западном нарративе, а достаточно рациональная оценка российской политической элитой и населением основных плюсов и минусов всех возможных альтернатив. Именно рациональность этой оценки и обеспечивает широту и прочность национального консенсуса в России по данному вопросу. ... )
Там две ссылки идут: первая - на исходник (предполагается большой), который загружается по клику; вторая (после img src=) - загружаемая в пост сразу при просмотре (предполагается уменьшенная). Это для экономии трафика читателя. Кроме того, показываемый размер этой уменьшенной картинки дополнительно корректируется показателем width: 300px - сколько тут поставишь. Это для того чтобы если у тебя несколько картинок, из которых одна в ширину 400, вторая 300, третья 350 пикселей - в посте они все были в струнку, одной ширины. Но если картинка меньше 300px в ширину, будет показан размер оригинала. У тебя одинаковая ссылка два раза, плюс картинка сама по себе меньше 300 пикселей в ширину. Поэтому в посте сразу загружается оригинал, и он же открывается по клику. Все так и должно работать.
PS/ Текст справа от картинки начинается не вровень с ее верхним краем, потому что ты для красоты поставил внутри кода переводы строки. :-) у меня не зря в примере все сплошняком сделано, без пробелов и переводов строки.
Comments 5
https://i.pinimg.com/736x/d6/7e/9d/d67e9d0ec4b00b141546ee882e556630.jpg">
... )
Reply
Клик по картинке открывает только картинку. Так и должно быть?
Reply
Но если картинка меньше 300px в ширину, будет показан размер оригинала. У тебя одинаковая ссылка два раза, плюс картинка сама по себе меньше 300 пикселей в ширину. Поэтому в посте сразу загружается оригинал, и он же открывается по клику. Все так и должно работать.
PS/ Текст справа от картинки начинается не вровень с ее верхним краем, потому что ты для красоты поставил внутри кода переводы строки. :-) у меня не зря в примере все сплошняком сделано, без пробелов и переводов строки.
Reply
http://s5.pikabu.ru/post_img/big/2015/08/19/10/1440005487_1334892327.jpg
- и тогда по клику будет открываться большая картинка.
Reply
Leave a comment