{php} inserting an image style attribute into a gallery script - Tilted Forum Project Discussion Community

arch13 · 05-07-2004, 06:07 PM

So i have a PHP gallery script i want to use that works for almost all of my needs. However, I want to use a peice of java code that changes the opacity of an image on mousover on the thumbnail images that are created in the table generated in the script. I was hoping someone here could help show me where or how i would attacht this to the script's [img src=imgs/thumbs/$file] variable so that any and all images in the thumbnail table have this attribut.

The gallery script is:

Code:

include("_vars.php");
echo "<!--BEGIN PopUp Gallery -->"."\n";
echo "<style type='text/css'>IMG.popimage { border: $thumb_border; }</style>"."\n";
$files = array ();
$myDirectory = opendir("imgs/thumbs");
echo "\n";
echo "<table width=$table_width bgcolor='$table_bg_color' border='$table_border' cellpadding='$cell_padding' cellspacing='0'>"."\n";
echo "<tr>"."\n";
while ($file = readdir($myDirectory)) {
	if (($file != ".") && ($file != "..") && ($file != "index.php") && !(is_dir("imgs/$file")) )
	{
	$files[] = $file;
	}
}
sort($files);
for ($i = 0; $i < count($files); $i++)
{  
  $file = $files[$i];
	if (is_int(($i + 1) / $cols))
	{
	list($width, $height) = getimagesize("imgs/$file");   
	echo "<td align='center' >";?><a href="#" onClick="popupgalimage('imgs/<?php echo $file;?>', <?php echo "$width";?>, <?php echo "$height";?>); return false"  class="popimage"><? echo "<img src='imgs/thumbs/$file' class='popimage'></a></td>"."\n";
	echo "</tr><tr>"."\n";
	}
	else
	{
list($width, $height, $type, $attr) = getimagesize("imgs/$file");   
echo "<td align='center'>";?><a href="#" onClick="popupgalimage('imgs/<?php echo $file;?>', <?php echo "$width";?>, <?php echo "$height";?>); return false"  class="popimage"><? echo "<img src='imgs/thumbs/$file' class='popimage'></a></td>"."\n";
	}
}
echo "</tr>"."\n";
echo "</table>"."\n";
echo "<!--END PopUp Gallery -->"."\n";
closedir($myDirectory);
?>

The _vars.php file only defines how many rows the table should use and popup window attributes for the full size images.

The peice of java code that i want as the STYLE attribute for the images reads like this:

Code:

<img src="boiler.jpg" width="50" height="50" style="filter:alpha(opacity=35)" onmouseover="pWidgets(this,100,60,30)" onmouseout="pWidgets(this,20,60,30)">

I'm not the greatest at PHP, which is to say this is way beyond me.
An example page with both the script created table of thumbs and an example image below that with the opacity attribute is here:
http://www.arch13.com/test/example2.php

Thank you to anyone who responds. All help is appreciated.

MrFlux · 05-08-2004, 06:48 PM

Find the two lines that look like this:
echo "<td align='center' >";?><a href="#" onClick="popupgalimage('imgs/<?php echo $file;?>', <?php echo "$width";?>, <?php echo "$height";?> ); return false" class="popimage"><? echo "<img src='imgs/thumbs/$file' class='popimage'></a></td>"."\n";

and change it to

PHP Code:


			
<?php





// only change this bit, ignore the <?php

echo "<td align='center' >";?><a href="#" onClick="popupgalimage('imgs/<?php echo $file;?>', <?php echo "$width";?>, <?php echo "$height";?> ); return false"  class="popimage"><? echo "<img src='imgs/thumbs/$file' class='popimage' style='filter:alpha(opacity=35)' onmouseover='pWidgets(this,100,60,30)' onmouseout='pWidgets(this,20,60,30)'></a></td>"."\n";





?>

arch13 · 05-09-2004, 07:53 PM

Worked flawlessly.

I assume if i wanted to insert height and width image sizing to make the thumbs all the same size, it would be in the same manner?

Thank you for the help Mr. Flux
I'll even kiss you in a strictly hetrosexual way!

MrFlux · 05-10-2004, 07:50 PM

Not a problem

Yep, just the same to do anything else with the image.

05-08-2004, 06:48 PM	#2 (permalink)
MrFlux Fluxing wildly... Location: Auckland, New Zealand	Find the two lines that look like this: echo "<td align='center' >";?><a href="#" onClick="popupgalimage('imgs/<?php echo $file;?>', <?php echo "$width";?>, <?php echo "$height";?> ); return false" class="popimage"><? echo "<img src='imgs/thumbs/$file' class='popimage'></a></td>"."\n"; and change it to PHP Code: `<?php // only change this bit, ignore the <?php echo "<td align='center' >";?><a href="#" onClick="popupgalimage('imgs/<?php echo $file;?>', <?php echo "$width";?>, <?php echo "$height";?> ); return false" class="popimage"><? echo "<img src='imgs/thumbs/$file' class='popimage' style='filter:alpha(opacity=35)' onmouseover='pWidgets(this,100,60,30)' onmouseout='pWidgets(this,20,60,30)'></a></td>"."\n"; ?>` __________________ flux (n.) Medicine. The discharge of large quantities of fluid material from the body, especially the discharge of watery feces from the intestines.

05-09-2004, 07:53 PM	#3 (permalink)
arch13 Loves my girl in thongs Location: North of Mexico, South of Canada	Worked flawlessly. I assume if i wanted to insert height and width image sizing to make the thumbs all the same size, it would be in the same manner? Thank you for the help Mr. Flux I'll even kiss you in a strictly hetrosexual way! __________________ Seen on an employer evaluation: "The wheel is turning but the hamsters dead" ____________________________ Is arch13 really a porn diety ? find out after the film at 11. -Nanofever

05-10-2004, 07:50 PM	#4 (permalink)
MrFlux Fluxing wildly... Location: Auckland, New Zealand	Not a problem Yep, just the same to do anything else with the image. __________________ flux (n.) Medicine. The discharge of large quantities of fluid material from the body, especially the discharge of watery feces from the intestines.