Photo Gallery- next/prev links not displaying images

Thanks for the link! It looks somewhat similar in appearance to the one I was going to use:

http://www.scriptiny.com/2008/12/javascript-slideshow/

You've been a great help. :) Thanks! Tina

Jerry,

I was going to try using both of these slideshows but I was starting with the one I already know and I've ran into what I hope is just a newbie mistake. I can get the thumbnails for the slideshow to appear and I can get the top slideshow to recognize the images (in that if you click the right/left arrows, it highlights the thumbnail image that should be showing in larger dimension above it)

This slideshow uses a unordered list as it's base so I put the image tags within that hoping to repeat the list tag. It's generated from a single record.

Here's what I have:

<ul id="slideshow">
<?php foreach ($homepageRecord['upload_images'] as $upload): ?>
<?php if ($upload['hasThumbnail']): ?>
<li>
<img src="<?php echo $upload['thumbUrlPath'] ?>" width="<?php echo $upload['thumbWidth'] ?>" height="<?php echo $upload['thumbHeight'] ?>" alt="" />
<span><?php echo $upload['urlPath'] ?>" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] ?></span>
<h3>Hummingbird</h3>
<p>Hummingbird</p>
</li>
<?php endif ?>
<?php endforeach ?>
</ul>

and this is what it looks like:
http://www.billdraker.com/cmsAdmin/index.php

thank you!!! Tina

Hi Tina,

if memory serves me, the issue may revolve around illegal characters in the code that's fed to your script.

I bet that inside the <span></span> you can't use certain characters like " or possibly others.

Try this and, if it works, see where you get, and then add the width and height one by one and see where it breaks.

(I'm assuming that you're using the image's info1 field for the title and info2 for the short description)

<ul id="slideshow">
<?php foreach ($homepageRecord['upload_images'] as $upload): ?>
<li>
<h3><?php echo $upload['info1'];?></h3>
<span><?php echo $upload['urlPath'] ?></span>
<p><?php echo $upload['info2'];?></p>
<a href="#"><img src="<?php echo $upload['thumbUrlPath'] ?>" alt="Image One" /></a>
</li>
<?php endforeach ?>
</ul>

BTW, It looks like the script you're using hasn't been changed since December 21, 2008. That's a bit long in the tooth for even the most basic code isn't it?

Jerry Kornbluth

well how awesome are you?!! It worked perfect. I'll go back and add in the width/height but those are controlled by css so not sure if I need them.

2008 can seem pretty young in some terms... babies, cars, wine, ha... Good point. the guy who made that one also has some updated slideshows, I just liked the way this one worked. However. I think the one you suggested has a lot more options. I have another photographer's site coming up. I think I'll do his with that one.

thanks again for your help. You saved me a ton of time beating it with a rock.

Such kind words.

Thanks.

If you need the heights and widths you can try changing the characters to html entities. IE

< = &lt;
> = &gt;
" = &quot;

here's a link from my CMSB Cookbook http://wwww.thecmsbcookbook.com with lots more:

http://www.digitalmediaminute.com/reference/entity/index.php

Glad it worked,

Jerry Kornbluth