html/javascript: en utilisant une variable comme URL pour <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.
Lorsqu'un '<a href>' est cliqué sur une image devient l'arrière-plan de "<div id='poster'>"

J'ai remplacé l'URL de votre photo avec votre url miniature existante. Veuillez vous assurer que l'URL de votre variable image et pouce existe. Aussi, je définis la largeur et la hauteur de la div de votre affiche.

Pour utiliser le visualiseur d'images, essayez le nouveau lien jsfiddle. Pour info, dynamicdrive bloque jsfiddle d'accéder aux fichiers js. S'il vous plaît essayez le code sur votre propre projet.