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を使ってPICのURLを置き換え"<div id='poster'>"

の背景になります。画像とサム変数のURLが存在することを確認してください。また、私はあなたのポスターのdivの幅と高さを設定します。

サムネイルビューアで作業するには、新しいjsfiddleリンクを試してください。参考までに、dynamicdriveはjsfiddleがjsファイルにアクセスするのをブロックしました。あなた自身のプロジェクトでコードを試してください。