如何为一个图像提供多个工具提示

Question

当我将鼠标悬停在没有嵌套div的图像上时，我想显示三种不同的工具提示。

此代码确实有效：

<div class="col-md-6 col-md-offset-2">
     <div id="tooltip1" data-toggle="tooltip" data-placement="top" title="keyword1" >
     <div id="tooltip2" data-toggle="tooltip" data-placement="left" title="keyword2">
     <div id="tooltip3" data-toggle="tooltip" data-placement="bottom" title="keyword3">
     <img src="/img/600x336.jpg" class="img-responsive" /></div></div></div>
</div>

我想做的是“数据内容”可能是“id：position：title”：

<div id="tooltips1" data-toggle="tooltip" data-content="tip1,top,keyword1:tip2,left,keyword2:etc;">
    <img src="img/600x336.jpg" />
</div>

参考：Bootstrap control with multiple "data-toggle"

有没有人有任何想法？我正在使用Bootstrap 3.1.1，我的javascript非常有限。