html/javascript : <a href>

Question

I developed a html page with a bit of javascript. I have several tags and after clicking a link one of them is dynamically assigned a background image. This url is stored in a global variable. So far so good.

var picture,thumb 

function changeDivs(p) 
{ 
    if (p!='') { 
     picture = './images/p'+p+'.jpg'; // global url variable 
     thumb = './thumbs/p'+p+'.jpg'; // global url variable 
     var pic = "url("+thumb+")"; 
     document.getElementById("poster").style.backgroundImage = pic; 
     } 
} 

I call the function like this:

<a href="javascript:changeDivs('2')">Link</a> 

Now I want to make use of a thumbnailviewer script which needs to be accessed like this:

<a href="javascript: global variable" rel="thumbnail"> <!-- Of course this "javascript: global variable" should be a valid url: the stored 'picture' variable --> 
     <div id="poster"> 
     </div> 
    </a> 

So I have stored the url in variable: picture

How can I access the thumbnailviewer script through <a href> AND use the variable. I don't know if the thumbnail script can be called through a function or how.

Thanks a lot!

Answer 1

I think this is what you are attempting to achieve. Here is the jsfiddle에 대한 URL을 변수로 사용합니다. '<a href>' 이미지를 클릭
는 나는 기존의 미리보기 이미지 URL로 그림의 URL을 대체 "<div id='poster'>"

의 배경이된다. 사진 및 썸 변수의 URL이 있는지 확인하십시오. 또한, 너의 포스터의 div의 너비와 높이를 설정합니다.

썸네일 뷰어로 작업하려면 새로운 jsfiddle 링크를 사용해주세요. 참고로, dynamicdrive는 jsfiddle이 js 파일에 액세스하는 것을 차단했습니다. 자신의 프로젝트에있는 코드를 사용해보십시오.