缩略图到大图像jquery问题

时间:2013-03-31 07:20:23

标签: javascript jquery image tooltip

在我看来,我使用它在每条记录上以缩略图的形式显示我的图像

<img src="<?php echo Router::url("**../files/images/small/**".$ad["Advertisement"]["advertisement_image"],false)?>

缩略图保存在小目录文件夹中,相同的大图像存储在大目录文件夹下。

你能否告诉我如何获得相同缩略图的大图像,因为我使用jQuery工具提示进行大型图像预览,我该如何实现 我应该在alt中为上面的代码提供什么。

<img src="hills-thumb.jpg" alt="hills.jpg" rel="Hills Image" />

JS:

$(document).ready(function() {
    $("#thumbnail img").hover(function(e) {
        $("#large").css("top", (e.pageY + 5) + "px")
            .css("left", e.pageX + 5) + "px")
        .html("<img src=" + $(this).attr("alt") + " alt='Large Image' /><br/>" + $(this).attr("rel"))
        .fadeIn("slow");
    },
    function() {
        $("#large").fadeOut("fast");
    });
});

请帮助

感谢

1 个答案:

答案 0 :(得分:0)

看看这个使用jquery工具提示进行图像预览。

http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/