I need to combine a script like the following ;
http://www.dynamicdrive.com/dynamici...thumbnail2.htm
with my ASP product listing code.. which looks like this:
If Trim("X"&rs("Thumbnail")) = "X" Then thmbnl = "" Else thmbnl = "<img src=""img/products/"&rs("Thumbnail")&""" vspace=2 hspace=2 align=left border=0 alt="&KeywordExcerpt(strContent, 75, 76)&">"
Response.Write"<tr"&bgColor&""&dynrow&"><td"&dyngo &" valign=""middle""><font color=""#333333"" size=""1"" face=""Verdana, Arial, Helvetica, sans-serif""><A HREF=""default.asp?pg=products&specific="&Encrypt( rs("ITEMID"))&""">"&thmbnl&"<b> Image Name: </b>"&rs("ITEMNAME")&"<br><b> Description: </b>"&Excerpt(rs("DESCRIP"),200,170)&"</td></A>"&_
I would prefer to use DHTML to do a popup of the large product image (which is in the column "ImageFile" in the DB) as I have a feeling it might be less susceptible to pop-up blocking software than javascript. The end result should however be the same, I would just like the user to be able to rollover the product thumbnail that is displayed from the above code and have the large version of the pic show up as a centered frameless window with no toolbars or such.
I understand the ref'ed DHTML script quite well, I just don't know how to set it up to read the records from my current recordset.. the DHTML script is set up with hard-coded image paths; not good for me with a dynamic file inventory of 600+ and growing.
Also, it'd be great if it could scale the picture to a set pixel size (right now my large pics are all 720 pixels wide, i'd like for the sake of loading time to have these pics resized to 300 wide)
Thanks!
Last edited by flyerstarter; 06-20-2004 at 10:28 AM..
|
