Image question

[TNchatmonk]

I need to click on images for larger views. I know how to do this such as the following:

<a href="pic1.jpg"><img src="thpic1.jpg" width=xxx height=xxx
border=0 alt="larger view of product"></a>

My situation is my products are in a database and all are referenced by pic1 - pic6.

In order to make one display module handle all products and images I would like to know how to reference the following. I do not know the syntax associated with how to wrap the code around images in brackets as shown below:

<tr>
<td align="center" valign="center" width="100%">
<p>[pic1]</p>
</td>
</tr>

<tr>
<td align="center" valign="center" width="100%">
<p>[pic2]</p>
</td>
</tr>

<tr>
<td align="center" valign="center" width="100%">
<p>[pic3]</p>
</td>
</tr>

Any help would be appreciated!

Thanks!

[bradgrafelman]

Yeah, uh... I don't understand what the heck you're asking!

Are you talking about looping through numbers until you run out o files? Such as this:

for($i = 1; file_exists('thpic'.$i.'.jpg'); $i++) echo '<a href="pic1.jpg"><img src="thpic1.jpg" width=xxx height=xxx 
border=0 alt="larger view of product"></a>' . "\n";

I'm not sure what you're asking, so... try that or try to clarify. Perhaps someone else will understand you better, too.

[TNchatmonk]

Thanks bradgrafelman,

No, I didn't explain very well. The code as I pasted shows my thumb perfectly. I am trying to show a larger image when the current thumb is clicked on.

Because my product table allows for images pic1 - pic6, all I have to reference is [pic1] etc and based on the record I am on, the appropriate image is sellected.

What I need to know is how onclick I reference [pic1] instead of a url with an image name such as table.jpg?

Make any more sense? just don't know how to use the a href or something similar to refer to [pic1].

Thanks

[TNchatmonk]

Another example to clarify:

<td align="center" valign="center" width="100%">
<a href='[pic2]'><img src='[pic2]' width=215 height=147
border=0 alt="Larger view of sign for sale"></a>
</td>
</tr>

This almost does the trick. It recognizes [pic2} as being the product I tied to it in the data base as rarerug.jpg but my syntax is not right and when I click on the image I get page not found.

Does this help any?

[gufmn]

Is your path set correctly?

<a href="images/[pic2]">

?

[TNchatmonk]

The only code I have in my script to display the image is:

<tr>
<td align="center" valign="center" width="100%">
<p>[pic2]</p>
</td>
</tr>

Based on the record I am on, the image for this [pic2] is displayed correctly. If I go to another record or product, the [pic2] image related to that product is displayed. This all works great with the above code.

All I want to do is click on the image and show a larger one which means I have to wrap code around <p>[pic2]</p>

I just don't know how to layout the entire syntax with my image only being referred to as [pic2] in brackets as apposed to something like:

<a href="pic1.jpg"><img src="thpic1.jpg" width=xxx height=xxx
border=0 alt="larger view of product"></a>

Where you are actually referencing a unique jpg.

It is finding the path though as when I mouse over my image it shows:

http://website.com/product_images/rarerug.jpg"border="0">

I just have something screwed up in my syntax as it looks like it is taking the border as part of the path or something.

Hard to explain!

[TNchatmonk]

This is the code where I am trying to add the click for larger image code!

<tr>
<td align="left" valign="top" width="48%" rowspan="5"></td>
<td align="center" valign="center" width="100%">
<a href='[pic2]'><img src='[pic2]' width=215 height=147
border=0 alt="Thumbnail of sign for sale"></a>
</td>
</tr>

Something wrong with syntax! It does not even show my thumbnail product, just the box with the alternate text.

This is the code which shows the thumbnail image which is perfectly ok!

<tr>
<td align="center" valign="center" width="100%">
<p>[pic2]</p>
</td>
</tr>

Thanks!

[gufmn]

What is the exact value of [pic2]?

According to your code that you say displays the thumbnail, this:

<p>[pic2]</p>

would imply tht [pic2] is a string value that contains the img tag, in which case <img src="[pic2].... wouldn't work as the result would be something like:

<img src="<img src=".....ect.

Have you echoed the value of [pic2] to see what is being returned?

[TNchatmonk]

[pic2] in my database has the following value:

('http://callwall2wall.com/paypal_pro/product_imgs/detour.gif')

Each product has a [pic1] through [pic6] just like this to associate the appropriate image. This way one module display.php can handle all images and only refers to them as [pic1] [pic2] etc...

Thanks!!!!!!!