Tilted Forum Project Discussion Community

Tilted Forum Project Discussion Community (https://thetfp.com/tfp/)
-   Tilted Technology (https://thetfp.com/tfp/tilted-technology/)
-   -   {php} inserting an image style attribute into a gallery script (https://thetfp.com/tfp/tilted-technology/54929-php-inserting-image-style-attribute-into-gallery-script.html)

arch13 05-07-2004 06:07 PM

{php} inserting an image style attribute into a gallery script
 
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!:icare:

MrFlux 05-10-2004 07:50 PM

Not a problem :)

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


All times are GMT -8. The time now is 10:24 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2026, vBulletin Solutions, Inc.
Search Engine Optimization by vBSEO 3.6.0 PL2
© 2002-2012 Tilted Forum Project


1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46