troubleshooting Question

Building an image gallery menu system

Avatar of rabbits2
rabbits2 asked on
JavaScriptScripting Languages
8 Comments1 Solution459 ViewsLast Modified:
I am wanting to build an image gallery in which I have a main large image and the image details below it; title, date, price etc.  To the right I wish to have a meun from which the user can roll over each number in the menu.  On mouse over a small image of that item will appear, say at the top of the column.  If the user clicks the menu number that image and its details will appear in place of the main large image to the left.
Can anyone point me to some links on creating this type of menu system or have some sample code.

I have been playing with this below but cannot get it to work:
var galleryarray=new Array()
galleryarray[<%=counter%>] = ["<%=rs_pics("small_photo")%>", "<%=rs_pics("title")%>", "optional url","<%=rs_pics("picID")%>","<%=rs_pics("large_photo")%>", "<%=rs_pics("quote")%>", "<%=rs_pics("price_framed")%>","$<%=rs_pics("price_unframed")%>","£<%=rs_pics("price_unframed")%>", "<%=rs_pics("picID")%>"]

function buildimage(i){
var tempcontainer=galleryarray[i][1]!=""? '<a href="javascript:void();" >' : "" 
tempcontainer+='<img src="'+galleryarray[i][0]+'" width="64" height="64" border="3" bordercolor="#666666" onclick="productwindow(\''+galleryarray[i][3]+'\')" onMouseOver="changetext(\''+galleryarray[i][1]+'\');changeitemname(\''+galleryarray[i][1]+'\');changeitemnumber(\''+galleryarray[i][3]+'\');changeitemamount(\''+galleryarray[i][6]+'\');changetextdescription(\'' + galleryarray[i][5] + '\');changeproductid(\'' + galleryarray[i][9] + '\');changetextprice(\'' + galleryarray[i][6] + '\');changetextprice_dollar(\'' + galleryarray[i][7] + '\');changetextprice_euro(\'' + galleryarray[i][8] + '\');pictureSwap(\'' + galleryarray[i][4] + '\')" title="'+galleryarray[i][1]+'">'
tempcontainer=galleryarray[i][3]!=""? tempcontainer+'</a>' : tempcontainer
return tempcontainer

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 8 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 8 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros