2012-01-05 82 views
0

我如何在下面的代码中进行这些更改?更改图片库功能

  • 显示缩略图图片标题为<div id="main">当我们点击,缩略图。下面
  • 显示缩略图标题为“blank.gif”(我的意思是,当我们点击拇指图像,该图像大拇指的<div id="main">获取URL,也。我想进行此更改使用全<div id="main">
  • 集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(); 

回答

0

我得到我的回答,把它放在这里的人有同样的问...

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

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

,并添加这些行:

wrap.find('h5').html(title); 
wrap.find("a").eq(1).attr("href", url); 

后:

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

好运。