хтмл верх

Код:

<!--Подсказки-->
<!-- jquery уже подключен --> 
<script type="text/javascript">
$(document).ready(function() {


	//Tooltips
	$(".tip_trigger").hover(function(){
    $(this).find('.tip').show(); //Show tooltip
	}, function() {
    $(this).find('.tip').hide(); //Hide tooltip      
	}).mousemove(function(e) {
      var mousex = e.pageX + 20; //Get X coodrinates
      var mousey = e.pageY + 20; //Get Y coordinates
      var tipWidth = $(this).find('.tip').width(); //Find width of tooltip
      var tipHeight = $(this).find('.tip').height(); //Find height of tooltip
     
     //Distance of element from the right edge of viewport
      var tipVisX = $(window).width() - (mousex + tipWidth); 
      var tipVisY = $(window).height() - (mousey + tipHeight);
      
    if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
    	mousex = e.pageX - tipWidth - 20;
    	$(this).find('.tip').css({  top: mousey, left: mousex });
    } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
    	mousey = e.pageY - tipHeight - 20;
    	$(this).find('.tip').css({  top: mousey, left: mousex });
    } else {
    	$(this).find('.tip').css({  top: mousey, left: mousex });
    }
	});
	


});
</script>

там, где описание

Код:

<a href="ссылка" class="tip_trigger"><img src="маленькая картинка"><span class="tip" style="display: none; width: 150px; margin-top: -410px; margin-left: -550px;"><img src="боольшая картинка"><br>
блаблабла</span></a>