Displaying uploaded images in my web page

Hi Kurt,

Thanks for posting!

Could you give us a few more details about how these images are being used on your page? You mentioned that none of the images are being displayed straight away - were you looking to display these dynamically with javascript, or using some other method?

I look forward to your reply. [:)]

Jake,

I have a couple different scenarios.

I want to populate a table with the first image and data from records being returned by the LIST PAGE VIEWER.

REC #1 REC #1 REC #2 REC #2 REC #3 REC #3
Image Data Image Data Image Data

REC #4 REC #4 REC #5 REC #5 REC #6 REC #6
Image Data Image Data Image Data



I also want to set images from the records returned by the DETAIL PAGE VIEWER in a table and load the large image names into Lightbox 2.0

REC #1 REC #1 REC #1
Image #1 Image #2 Image #3

REC #1 REC #1 REC #1
Image #4 Image #5 Image #6

I hope this helps!



Kurt

Hi Kurt,

The main question in my mind is how you're getting tripped up here, since you mentioned that you were able to generate the image links successfully. So I'm just curious as to what specific stage you're at now that's blocked you from progressing. Do you have any example pages that you could link us to? If you have these pages created already, would it be possible to attach them to a forum post so that I can take a look?

Thanks Kurt. [:)]

Jake,

I am not having a problem displaying the images using the forEach loop process. My issue centers around being able to display selected image, rather than all of them from the loop.



For example, if I want to display the 2nd and 4th image being returned in one location and the 1st and 3rd in another location there is not an easy way to do this.



I would like to have the ability to have the upload record detais set to a unique varible as they are returned by the forEach loop. Instead of dealing with the return:

img src="<?php scho $upload['urlPath'] ?>" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] alt="" /><br>

is there some way to get:

image_1_src="<?php scho $upload['urlPath'] ?>"
image_1_width="<?php scho $upload['width'] ?>"
image_1_height="<?php echo $upload['height'] ?>"
image_1_alt="" />

image_2_src="<?php scho $upload['urlPath'] ?>"
image_2_width="<?php scho $upload['width'] ?>"
image_2_height="<?php echo $upload['height'] ?>"
image_2_alt="" />

image_3_src="<?php scho $upload['urlPath'] ?>"
image_3_width="<?php scho $upload['width'] ?>"
image_3_height="<?php echo $upload['height'] ?>"
image_3_alt="" />

...

This would allow the ability to use any of the uploads anywhere within the page.

Hi there -- I think we're working through this via email, which should help take some of the confusion out of things. :)

One thing you could do if you've got a specific image that should show up in a specific spot on the page is to create a new upload field just for that image. Since it's going to be hardcoded for that image anyway, there's no harm in creating a new field.

But for the series that you emailed us, we should be able to get this setup no problem shortly. :)

Hi aev,

The solution ended up being basically the same as this post:

http://www.interactivetools.com/iforum/P62848#62848

It just had to be tweaked a little to fit in with the existing design that was on the page. :)

Donna,

I know we took this to email and a Rapid Response ticket, and you solved the first part of my challenge very nicely, and I do appreciate that. But, the second issue has not been resolved.



I sent you an email early yesterday morning but have not heard anything back yet.....



I tried to modify the code you gave me to put the images in the table so it would also work with the Lightbox 2.0 display. I followed the instructions in the newsletter article you wrote about you parents webpage at Whistler (boy would I like to spend a few days there...), but it isn't working.



Would you be kind enough to take a look at it and let me know where I screwed up?



Thanks,



Kurt

Hi Kurt,

It looks like Donna got back to you about this - let us know if there's anything else we can help with. [:)]