Javascript 更改图像库功能

如何在下面的代码中进行这些更改

• 单击时显示
  的缩略图图像标题，拇指图像
• 在下面显示

• 为“blank.gif”设置URL缩略图图像（我的意思是当我们单击thumb image时，
  也会获取该thumb图像的URL。我想对任何图像的全屏使用进行此更改）

代码如下：

<div id="main">
    <p><img src="blank.gif" /></p>
</div>

$(".productthumbs img").click(function() {
    // calclulate large image's URL based on the thumbnail URL (flickr specific)
    var url = $(this).attr("src");
    // get handle to element that wraps the image and make it semitransparent
    var wrap = $("#main").fadeTo("medium", 0.5);
    // the large image from flickr
    var img = new Image();
    // call this function after it's loaded
    img.onload = function() {
        // make wrapper fully visible
        wrap.fadeTo("fast", 1);
        // change the image
        wrap.find("img").attr("src", url);
    };
    // begin loading the image from flickr
    img.src = url;
// when page loads simulate a "click" on the first image
}).filter(":first").click();

$（“.productthumbs img”）。单击（函数（）{
//基于缩略图URL计算大图像的URL（特定于flickr）
var url=$（this.attr（“src”）；
//获取包装图像并使其半透明的元素的句柄
var wrap=$（“#主要”）.fadeTo（“中等”，0.5）；
//来自flickr的大图像
var img=新图像（）；
//加载后调用此函数
img.onload=函数（）{
//使包装完全可见
包裹。法代托（“快速”，1）；
//更改图像
wrap.find（“img”）.attr（“src”，url）；
};
//开始从flickr加载图像
img.src=url；
//当页面加载时，模拟“单击”第一个图像
}).filter（“：first”）。单击（）；

我得到了我的答案，把它放在这里，任何人都可以问我同样的问题

<div id="main">
    <p><img src="blank.gif" /></p>

    <div id="title">
       <a href="about:blank"><h5>...</h5> </a>
    </div>
</div>

之后：

    wrap.find("img").attr("src", url);

祝你好运

    wrap.find("img").attr("src", url);