Can this be done?

sks1024

I have page that has thumbnails to images that pop up in a new window. I want them instead to show up on the same page as the bigger image right above the thumbnails. So when you click a thumbnail the larger image above gets replaced with the larger version of what you clicked. I have the resizing all worked out. I just need to know if PHP can do this or is this some type of javascript. The image names are being pulled from a database.

Thanks,
Stan

cruz610

This would have to be done with Javascript because PHP is entirely server-side. You could probably store the image names in an array with PHP and then use that in your Javascript to get the job done though.

sks1024

Could you kinda point me in the right direction.

Thanks

Shrike

In your HTML part:

....
<img src="$BIGIMAGE" width="$BIGWIDTH" height="$BIGHEIGHT" border="0">
....

Then in PHP

$printstring = strstr("\$BIGIMAGE", $dbrow['imgname'], $printstring);
$size = getimagesize($dbrow['imgname']);
$printstring = strstr("\$BIGWIDTH", $size[0], $printstring);
$printstring = strstr("\$BIGIMAGE", $size[1], $printstring);

Then for each thumbnail link

<a href="thumbs.php?id=$IMGID">

Where $ID is the identifier in the database.

hth

jebster

Think what he meant was he wanted it to show up on the same page above the rest of the stuff, like in a new layer or something on top of the page, like those floating ads.

jebster

If I was right about what you wanted here:

<html>
  <head>
    <title>Lalalala</title>
      <script language="JavaScript" type="text/javascript">
      <!--
      function ChangeDesc(descid){
        var el=eval('document.all.desc_'+descid);
        var el2=eval('document.all.descLink_'+descid);
        if(el.style.display=="none"){
          el.style.display='';
        }
        else{
          el.style.display='none';
        }
      }
      //-->
    </script>
    <style type="text/css">
    .divdesc {
    background-color: #ffffff;
    border: 1px solid #000000;
    position:absolute;
    }
    </style>
  </head>
  <body>
    <img src="http://www.phpbuilder.com/board/images/smilies/smile.gif" id="descLink_0" onclick="ChangeDesc(0);" />
    <div id="desc_0" style="display:none;" class="divdesc">
    <img src="http://www.phpbuilder.com/images/new-logo.gif" />
    </div>
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br />
  </body>
</html>

I suck at javascript so, yea! You should be able to figure it out. Its a quick mod from one of my scripts and is far from perfect but you get the idea! 🙂

WOW talk about alot of screw ups, I'll just edit those.... 😃

oops, after a reread of his post I seem to be wrong... meh.... maybe someone else might find it useful...