I have a page with up to three thumbnails (populated from a DB). A larger
version of these images appears directly above the thumbnails. When the
thumbnails are clicked, the larger image changes appropriately. That's working
fine.
However, I'd like the user to then click on the larger image, and then a pop-up
window (or, ultimately, some sort of lightbox functionality when I get this
working) would open with the full size image.
I can get all this to work, but the pop-up window always displays the first
image returned in the query, regardless of which thumbnail was clicked. I'm
using document.image.src to swap the images.
Is there a better way to do this?
Thanks
Rick
<!--Large Image with popup-->
<td>
<div align="center" align="large_image">
<a href="users/uploads/#getproducts.Image#" target="_blank">
<img src="users/uploads/#getproducts.Image#" name="image"
width="250" border="0" >
</a>
</div>
</td>
<!--Thumbnails-->
<td>
<strong class="titles">Additional Images: </strong><br>
br />
<cfloop query="getproducts">
<img src="users/uploads/#getproducts.Image#" width="65" border="0"
onClick="document.image.src='users/uploads/#getproducts.Image#';"
style="cursor:pointer; "/>
</cfloop>
</td>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Upgrade to Adobe ColdFusion MX7
The most significant release in over 10 years. Upgrade & see new features.
http://www.adobe.com/products/coldfusion?sdid=RVJR
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:281689
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
