2012-01-05 2 views
0

아래 코드에서 이러한 변경 작업을 어떻게 수행 할 수 있습니까?이미지 갤러리 기능 변경

  • 클릭하면 엄지 손가락 이미지 <div id="main">의 축소 이미지 제목입니다. 아래
  • 쇼 썸네일 이미지 제목 "blank.gif"(내 말 우리가 엄지 손가락 이미지를 클릭하면, 그 엄지 손가락 이미지의 <div id="main"> GET URL이도. 내가 모두 사용하기위한이 변경을 원하는에 대한 <div id="main">
  • 세트 URL 썸네일 이미지 여기에 모든 이미지의 -screen)

코드 : 내 답변을 얻을

<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

는 ... 같은 묻는이 사람이 여기 넣어

개 및 추가 이러한 라인 :

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

행운을 빕니다 : 후

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

.