шоу Загрузка эффект в JQuery UI подсказке

Question

У меня есть подсказка, которая в настоящее время отображается при наведении курсора мыши на образа, Содержание подсказке является расширенной версией парил изображение ..

Проблема: Изображение в подсказке нагрузок медленно .. Как я могу отображать загрузчик, пока изображение не загрузится в Tootip?

<img id="small-img" title= "<img id='big-img' src=<?=getResizedImage(imageId, 500);?>>" src="<?= getResizedImage(imageId, 150); ?>" /> 

Answer 1

Я решил проблему, переместив содержимое «название» в другой DIV («подсказка-содержание») ..

Ниже мое исправление, которое показывает DIV внутри подсказке.

//Image to be hovered to show Tooltip 
<img id="small-img" src="<?= getImage(imageId, 150); ?>" /> 

//Contents to be displayed in Tooltip. 
<div id="tooltip-contents" style="display:none;"> 
    <img src='<?= getImage(imageId, 500); ?>'/> 
</div> 

//Contents of .js 
$('#small-img').attr('title', function(){ 
    return $('#tooltip-contents').html(); 
}); 

$("#small-img").tooltip({ 
    options : { 
     content : function() { 
      return $(this).prop('title');; 
     } 
    } 
}); 

Answer 2

Я бы обернуть image с container и добавить background-image для `контейнера.
Если я правильно понял, ваш img-big будет показан в подсказке?