Hello guys,

For a part of my website, I'm trying to build up a way to send 3 variables (which I'll get them from the database) through a javascript function so that it will load a picture (or more) over another picture

All the pictures are .png, so that have transparency background.

Here's my cod so far:

<title>Demo work</title>
body {
margin: 0px;
padding: 0px;

table {
margin: 0px;
padding: 0px;
<script language="JavaScript" type="text/JavaScript">
function moveImage(a,b,c) {
  document.getElementById("default_picture").style.top= a + "px";
  document.getElementById("default_picture").style.left= b + "px";
  document.getElementById("default_picture").src="../img/" + c + "_fata.png";

<table cellpadding="0" cellspacing="0" align="center">
   <img id="default_picture" src="../img/slim_woman_transparent.png" />
  <table width="60">
   <td width="60"><img src="../img/I677G7G_prezentare.png" style="width:60; height:90;" onClick=moveImage('10, 20, I677G7G') ></td>
   <td width="60"><img src="../img/GHy446y_prezentare.png" style="width:60; height:90;" onClick=moveImage('20, 10, GHy446y') ></td>
Any ideas on how I can make this possible ?

I've been doing a lot of searching for the past 2 hours, but with no results