.В статьях можно использовать блочный способ добавления картинок с помощью тегов
При этом можно реализовать любые используемые скрипты для отображения картинок, например, во всплывающем окне, или отдельном окне/вкладке.
Код выглядит просто:
Код
<style type="text/css">figure {
background: none;
padding: 1px;
display: block;
width: 300px;
float: center;
margin: 0 5px 20px 0;
text-align: center;
figcaption {
color: #fff;
}
</style>
<figure><img src="Адрес картинки" style="width: 300px; height: auto;box-shadow: 0 5px 12px 1px #464646;" /></figure>
Здесь указаны и отступы, и ширина картинки, которую можно менять в зависимости от ваших нужд.
Код стиля включает также стиль подписи под картинкой тегом
figuranion , где #fff - цвет подписи в буквенном(от A до F), или числовом(от 0 до 9) и смешанном виде, например, #d5c.
Стиль можно поставить в любое место вашего поста в режиме редактирования html, а картинку - между тегами figure и /figure вместо слов в кавычках "Адрес картинки".
Часть стиля подписи к картинке, если подписи нет, ставить не обязательно. Тогда вид кода будет таким:
Код
<style type="text/css">figure {
background: none;
padding: 1px;
display: block;
width: 300px;
float: center;
margin: 0 5px 20px 0;
text-align: center;
</style>
<figure><img src="Адрес картинки" style="width: 300px; height: auto;box-shadow: 0 5px 12px 1px #464646;" /></figure>
Удачи вам в ваших экспериментах!
Подробно можно почитать
здесь.