ok, i have tried to add these scripts together but i am running into problems
i have based my modifications purely off of jscheuer1's changes http://www.dynamicdrive.com/forums/s...00&postcount=5
i have it to where only one thumnail is shown
when i click the thumbnail, lighbox opens and displays the image correctly, but only the prev button in lightbox displays
when i click that link, it only shows the preloader and hangs
it also displays that i am on image 12 of 12
please help, here is what i have:
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test Gallery</title> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/style.css" type="text/css" /> </head> <body> <script src="http://localhost/test/gallery/getpics.php" type="text/javascript"></script> <script type="text/javascript"> /*********************************************** * PHP Photo Album script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/ var dimension="1x1" //Specify dimension of gallery (number of images shown), such as 4x2, 3x1 etc var imagepath="http://localhost/test/gallery/" //Absolute path to image directory. Include trailing slash (/) var href_target="new" //Enter target attribute of links, if applicable //Toggle popup link setting: popupsetting[0 or 1, "pop up window attributes" (if 1)] var popupsetting=[0, "width=500px, height=400px, scrollbars, resizable"] //Toggle image description: descriptionprefix[0 or 1, "Text to show" (if 1)] var descriptionprefix=[0, "Photo "] //Sort images by date? ("asc", "desc", or "") //"desc" for example causes the newest images to show up first in the gallery //"" disables this feature, so images are sorted by file name (default) var gsortorder="" //By default, each image hyperlinks to itself. //However, if you wish them to link to larger versions of themselves //Specify the directory in which the larger images are located //The file names of these large images should mirror those of the original //Enter a blank string ("") to disable this option var targetlinkdir="" /////No need to edit beyond here/////////////////// function sortbydate(a, b){ //Sort images function if (gsortorder=="asc") //sort by file date: older to newer return new Date(a[1])-new Date(b[1]) else if (gsortorder=="desc") //sort by file date: newer to older return new Date(b[1])-new Date(a[1]) } if (gsortorder=="asc" || gsortorder=="desc") galleryarray.sort(sortbydate) document.write('<div style="display:none;">'); for (var i_tem = 0; i_tem < galleryarray.length; i_tem++) document.write('<a title="'+galleryarray[i_tem][0].replace(/^.*\/|\.[^\.]+$/g, '')+'" href="'+targetlinkdir+galleryarray[i_tem][0]+'" rel="lightbox[joe]"></a>'); document.write('</div>'); var totalslots=dimension.split("x")[0]*dimension.split("x")[1] function buildimage(i){ var imagecompletepath=(targetlinkdir!="")? targetlinkdir+galleryarray[i][0] : imagepath+galleryarray[i][0] var tempcontainer='<a href="'+imagecompletepath+'" target="'+href_target+'" rel="lightbox[joe]" onClick="return popuplinkfunc(this)">' tempcontainer+='<img src="'+imagepath+galleryarray[i][0]+'" title="'+galleryarray[i][0]+' ['+galleryarray[i][1]+']" />' tempcontainer+='</a><br />' tempcontainer+=(descriptionprefix[0]==1)? descriptionprefix[1]+(i+1) : "" return tempcontainer } function jumptopage(p){ var startpoint=(p-1)*totalslots var y=1; for (i=0; i<totalslots; i++){ document.getElementById("slide"+i).innerHTML=(typeof galleryarray[startpoint+i]!="undefined")? buildimage(startpoint+i) : "" } while(document.getElementById("navlink"+y)!=null){ document.getElementById("navlink"+y).className="" y++ } document.getElementById("navlink"+p).className="current" } var curimage=0 for (y=0; y<dimension.split("x")[1]; y++){ for (x=0; x<dimension.split("x")[0]; x++){ if (curimage<galleryarray.length) document.write('<div id="slide'+curimage+'" class="slideshow">'+buildimage(curimage)+'</div>') curimage++ } document.write('<br style="clear: left" />') } function popuplinkfunc(imgsrc){ myLightbox.start(imgsrc); return false; } </script> </body> </html>



Reply With Quote
Bookmarks