Question

I’m looking for a php script server side that load an image in a div on client side.

first shot:
ajax.php

if((isset($_POST['id'])) && ($_POST['id']=="loadphoto") && (ctype_digit($_POST['idp']))) {
    $query=mysql_query("SELECT articleid, photoid FROM articles_photos WHERE id='".$_POST['idp']."'", $mydb);
    if(mysql_num_rows($query)!=0){
        while($row=mysql_fetch_array($query, MYSQL_NUM)) {
            $path="./articles/photos/".$row[0]."/".$row[1];
        }

        echo $path;
    }
}

myjs.js

function loadPhoto(mexid) {
    $.ajax({
        type: 'POST',
        cache: false,
        url: './auth/ajax.php',
        data: 'idp='+escape(mexid)+'&id=loadphoto',
        success: function(msg) {
            $('.articleviewphoto1').find("img").each(function(){
                $(this).removeClass().addClass('photoarts');
            });

            $('#'+mexid).removeClass().addClass('photoartsb');
            $('#visualizator').html('<img src="'+msg+'" class="photoartb" />');
        }
    });
    return false;
}

Answer 1

Are you looking to host a list of possible images in the PHP file and load different images based on the id you send? If so, you can set:

$Img = $_POST['idp'];

And use a switch statement to pass back the image file path:

switch ($Img){
  case (some_value):
      echo 'images/some_file.jpg';
      break;

  case (another_value):
      echo 'images/another_file.jpg';
      break;

}

Then place the file path in an tag and load that into $('#visualizator').html();

Am I on track at least with what you want? If so, I can flesh the answer out a bit.