Как к bootstrap компоненту tooltips прикрутить картинку?

Question

[Александр Тимофеев]

Сейчас код такой:

$("#element").tooltip({
				title: 'Текст всплывающей подсказки при отсутствии атрибута title.',
				placement: 'top',
				template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"><img src="images/tinified/wing.png" /></div></div>',
				delay: {
					hide: 500
				}
			});

В template попробовал вставить тег img, но никаких изменений

Answer 1

[Павел]

Добавить сюда же
html: true

А так это делается примерно вот так:

<a href="#" data-toggle="tooltip" data-placement="top" title="<img src='/img/1.jpg' width='105' height='130' />">Text link</a>

<script>
$(document).ready(function(){
$('a[data-toggle="tooltip"]').tooltip({
animated: 'fade',
placement: 'bottom',
html: true
}); 
});
</script>