Изображение-подсказка на dle. Помогите сделать правильно
Привет. В короткой новости вывожу изображение так: <img src="{image-1}">
Хочу сделать, чтобы при наведении на эту картинку всплывала другая картинка. Делаю через tooltip, но что-то не выходит.
Создал дополнительное поле kartinka (в это поле пишу ссылку на картинку).
В краткой новости вставил такой код:
<img src="{image-1}" data-toggle="tooltip" title="[img][xfgiven_shortkartinka][xfvalue_shortkartinka][/xfgiven_shortkartinka][/img]"/>
В меине то:
<link rel="stylesheet" href="https://pr-cy.ru/jump/?url=http%3A%2F%2Fmaxcdn.bootstrapcdn.com%2Fbootstrap%2F3.3.7%2Fcss%2Fbootstrap.min.css"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script><script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
При наведении на картинку отображается [img][http://domen.ru/uploads/posts/2016-09/1.jpg][/img] Но картинки нету.
Что делаю не так? Или напишите как сделать?
Убирайте [тег]
Просто оставьте так
<img src="{image-1}" data-toggle="tooltip" title="[xfgiven_shortkartinka][xfvalue_shortkartinka][/xfgiven_shortkartinka]"/>
p.s. title="тут выводит название картинки или короткое описание к нему"
Наилучший вариант
<a href="Тут адрес картинки только она будет отображать после клика" onclick="return hs.expand(this)">
<img class="любойкласс" alt="{title} или value" src="адрес картинки которая будет отображаться на новостях по умолчанию.">
</a>