Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 缩略图到大图像jquery问题_Javascript_Jquery_Image_Tooltip - Fatal编程技术网

Javascript 缩略图到大图像jquery问题

Javascript 缩略图到大图像jquery问题,javascript,jquery,image,tooltip,Javascript,Jquery,Image,Tooltip,在我看来,我用它来显示我的图像作为每个记录的缩略图 <img src="<?php echo Router::url("**../files/images/small/**".$ad["Advertisement"]["advertisement_image"],false)?> 缩略图保存在小目录文件夹中,相同的大图像存储在大目录文件夹下 你能告诉我,当我使用jQuery工具提示进行图像的大预览时,如何获得相同缩略图的大图像,我如何在中实现这一点 对于我的上述代码,我应

在我看来,我用它来显示我的图像作为每个记录的缩略图

<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:

$(文档).ready(函数(){
$(“#缩略图img”)。悬停(函数(e){
$(“#大”).css(“顶部”(e.pageY+5)+“px”)
.css(“左”,e.pageX+5)+“px”)
.html(“
”+$(this.attr(“rel”)) .fadeIn(“慢”); }, 函数(){ 美元(“#大型”)。淡出(“快速”); }); });
请帮忙


谢谢

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


是的,它很有效!!但是我收到了上述问题的答案。你得到答案了吗?我不知道你的意思
$(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");
    });
});