$(".colour_tip_<?php echo($f['colour_id']); ?>").attr('title','What ever text you want');
$(".colour_tip_<?php echo($f['colour_id']); ?>").tipsy({trigger: 'manual', gravity: 'n'});
Затем, когда вы узнаете, что вам нужно показать этот тип, как onClick для этих событий, определите функцию onclick для этих изображений как:
$(".colour_tip_<?php echo($f['colour_id']); ?>").tipsy("show");
//also if you need to hide them on click/onfocus you can use this:
//$(".colour_tip_<?php echo($f['colour_id']); ?>").attr('onclick', "hideTipsyOnMe(this);");
где hideTipsyOnMe равно
function hideTipsyOnMe(div){
$(div).tipsy('hide');
}
Еще один способ - это всплыть, когда вы наводите курсор на этот элемент (что, я думаю, здесь не то, что вам нужно, но все же),
Просто поместите тег заголовка на элемент, на котором вам нужно всплыть, и используйте
$(".mark_icon a").tipsy({live:true});
//works for me in all browsers