Изображения извлекаются из базы данных, желая добавить JQuery большого изображения при наведении ... Это возможно?

Question

Я пытаюсь добавить наведите курсор на изображения рубашки (изображения, сгенерированные из базы данных) на каждой рубашке на главной странице, чтобы увеличить их, прежде чем щелкнуть по ней, чтобы перейти в zencart, чтобы купить рубашку.Возможно ли это?

Веб-сайт http://www.10before6.com

Я пытался использовать этот скрипт jquery: http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

, но не смог заставить его работать.

У кого-нибудь есть идеи?

Answer 1

Если вы просто хотите увеличить изображение при наведении курсора и не использовать новое изображение, вы можете сделать что-то вроде этого:

$('#yourImage').hover(function() {
    $(this).animate({     
        width: 400,     
        height: 400    
    }, 1000);
});

Это увеличит изображение при наведении. Вы можете добавить еще одну функцию к событию hover, которое будет выполняться, когда курсор перемещается от элемента.

Обратите внимание, что ваши изображения должны быть расположены абсолютно, чтобы это работало, не сдвигая ваш другой контент по мере роста изображения.

См. Пример в этой скрипке .

Answer 2

напишите кусок JavaScript, как это

$("#MyImageID").live("hover", function{}(
   $.post("RestfulServiceURL", function (data){
      $("#HoverDiv").html(data); 
   });
)};

Данные - это ссылка большего изображения. Если он извлекается из базы данных, вы должны создать метод mvc, который извлекает mime-тип изображения, или использовать файл Ashx или Resful wcf-сервис для обслуживания изображения.