[Resolved] help with image gallery

[Paul_Ferrie]

Hi guys,
I havn't done much work with html+php so i could be overlooking something simple. I have 2 problems:

1. I am trying to display the thumbnails in 2 columsimage gallery
   AS you will see the images are only displayed in one colum. i have been able to create the second colum but for some reason it just duplicates the image that is in that row, basically as it is now but with 2 colums

     echo "\n\nThere are $totalrows photo's from $img_title";
     echo "<table border=1 cellpadding=1 width=100% cellspacing=0 bordercolor='#000000'>\n".
          "<tr><td bgcolor='#333333'><div align ='right'>$img_title</div></td></tr><tr><td bgcolor='#333333' colspan='2'>$img_descrip</td></tr>\n";
   
   for ($count = 0; $count < $limit ; $count++) {
       // Extract post details from database
       $myrow = mysql_fetch_array($result);
   	$img_id = $myrow ['img_id'];
   	$img_ref = $myrow ['img_ref'];
     	$img_ref_2 = $myrow ['img_ref_2'];
   	$ref = substr($myrow ['img_ref_2'], 0, -4);
       printf("<tr><td><div align='center'><a href=\"javascript:PopIt1(viewImage.php?img_id=$img_id)\"><img src=../images/$img_ref/$img_ref_2 width='200' height='200' alt='Click to enlarge'></a></div><tr><td bgcolor='#000099'><div align='center'>Image Refrence: $ref</div></td></tr></td>");//.
   }
   	echo "</table>\n";
   

   My second problem is the the js popup link. It just wont work 🙁

   <SCRIPT LANGUAGE="JavaScript">
   function PopIt1(openWin){  
   
   popupwidth = 600;
   popupheight = 550;
   
   var xloc = ((Math.floor(window.screen.availWidth /2)) - (popupwidth/2));
   var yloc = ((Math.floor(window.screen.availHeight /2)) - (popupheight/2));
   var wo = window.open(openWin, win1, "menubar=no,resizable=no,scrollbars=no,width=" + popupwidth + ",height=" + popupheight + ",top=" + yloc + ",left=" + xloc);
   wo.focus();
   wo.document.close();
   }
   </script>
   

   the js url is

   <a href=\"javascript:PopIt1(viewImage.php?img_id=$img_id)\"><img src=../images/$img_ref/$img_ref_2 width='200' height='200' alt='Click to enlarge'></a>
   

   This can be found in the php script above.
   
   Cheers
   Paul

[sidney]

un testested as no database to check with and not got time to create one but should be nearly ther

no extra java needed its in the link

   

echo "\n\nThere are $totalrows photo's from $img_title"; 
  echo "<table border=1 cellpadding=1 width=100% cellspacing=0 bordercolor='#000000'>\n". 
       "<tr><td bgcolor='#333333'><div align ='right'>$img_title</div></td></tr><tr><td bgcolor='#333333' colspan='2'>$img_descrip</td></tr><tr>\n"; 

for ($count = 0; $count < $limit ; $count++) { 
    // Extract post details from database 
    $myrow = mysql_fetch_array($result); 
    $img_id = $myrow ['img_id']; 
    $img_ref = $myrow ['img_ref']; 
      $img_ref_2 = $myrow ['img_ref_2']; 
    $ref = substr($myrow ['img_ref_2'], 0, -4);
    printf("<td><div align='center'><a href=\"viewImage.php?img_id=$img_id\" onClick=\"var myh=window.open(this.href,'Popup_Window',
	'toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=no,resizable=no,width=200,height=200');return(false);\">
	<img src=../images/$img_ref/$img_ref_2 width='200' height='200' alt='Click to enlarge'></a></td>\n");//.
	$hold[]="<td bgcolor='#000099'><div align='center'>Image Refrence: $ref</div></td>";
	if(isset($hold[1]))
		{
		echo "</tr><tr>".$hold[0].$hold[1]."</tr><tr>";
		unset($hold);
		}	 
} 
if(isset($hold))
	echo"</tr><tr>".$hold[0];

echo "</tr></table>\n";

[Paul_Ferrie]

Your a star thank you 🙂
One more question
How do i get the link to open in a new window?
I just opens in the current browser window🙁

cheers
paul

[Paul_Ferrie]

Cheers again
All sorted now 🙂 🙂