Preview thumbnails when users uploading photos

[free2take]

Hi there,

I had a few users request this and got it working by shamelessly ripping off the administration\listinginfo.php file but it works ! although requires developer version.

Remember test on dev and backup your files on live before changing stuff !

In usercheckout.php add the following code for case 5 between just before the line //get the total number of images

PHP Code:

$prodID=$rs['oPackageID'];

//get the images info
$sSQL = sprintf("SELECT id,pid,title,image FROM ".PREFIX."prodimages WHERE pid = %s ORDER BY rank ASC",$listingid );
$result=$db->query($sSQL);
$image=array();
while ($rs=$result->fetch())
{
      $rs['title']=safeStripSlashes($rs['title']);
      $size = @getimagesize('../photos/'.$rs['image']);
      $rs['width']=$size[0];
      $rs['height'] = $size[1];
      $image[]=$rs;
}
                
//get the total number of images


This catches the image info.

Add the following before the line $class_tpl->assign('body','checkout/step4.tpl.php'); in the same section

PHP Code:

          $class_tpl->assign('data', $image);
        $class_tpl->assign('body','checkout/step4.tpl.php');


This assigns the additional info to the 'checkout/step4.tpl.php' template.

You now need to modify you template to show the images, the file is 'checkout/step4.tpl.php'.
How you choose to display them is up to you now you have all the info in the template, I display them horizontally at the top and use lightbulb so in a cell my code looks like:

PHP Code:

<th colspan="2" valign="top" class="pformleft">        
{if $data<>""}
{html_table_adv loop=$data cols=$numimages table_attr='width="100%"' td_attr='align="center"' td_attr='valign="bottom"'}        
<a href="photos/[[image]]" rel="lightbox[image]" title="[[title]]"><img src="thumbs/small_[[image]]" hspace="5" vspace="5" class="image" border="0" /></a><br />[[title]]
{/html_table_adv}
{/if}
</th>


You would have to remove the lighbulb references for your own if not being used. I also use the TH label instead of the TD as on my site it underlines for me.

Here's the result




You'll only ever see your max number of picture -1 in this screen as your automatically forwarded on when you hit your limit.

There you go hope its of use to someone else!
Mully

[calaf6]

Looks great, I may try that once I get a few other bits done

[louad]

Used this on my site, awesome!
Thanks.

[CHRD]

Nice job, hope to see this as standard in all new releases, I don't know why it wasn't

[Maffo]

Nice job Mully and thanks for sharing it with the board.

Nice job, hope to see this as standard in all new releases, I don't know why it wasn't

Cos Mully only thought of it now one presumes.

[whoazone]

can anyone tell me how to format the upload window to automaticall push photos to a new line or new row? I deal in large quantities of images, and after 6 or 8, the window keeps expanding off the right side of the page rather than new-lining and going to the next row. I have tried fooling with the table size, but can't get it to hold its width correctly.

Can someone give me a hand? Thanks -

by the way, this is an incredible addition to 68C !!!

[louad]

I changed: cols=$numimages
To: cols=4

This starts a new line after 4 images.

[whoazone]

fantastic - thank you!!!

will this still bounce users ahead to the next step in listing an ad after they've used their allotted number of images?

[louad]

Yes, for me it does. It shows a preview for all except the last image, because it forwards you at that point.