To begin I am completely new to PHP etc. Really my skills only reach HTML/CSS.
Honestly all of this is out of my league.
I started this to learn how to make a photo gallery where I can add photos without having to recreate the entire gallery each time. I was going to use something like Jalbum, but then realized I couldn't update it easily. So instead of settling for something easier I chose this brain-fry of a technique
So far I have gotten the gallery to display the framework of the layout just as they show up in the DEMO's here: http://www.dynamicdrive.com/dynamici...photoalbum.htm
Problem is the images show up as "?" I believe it knows the file names, but it cant display the images, only the question mark symbol. The files are jpg's so I'm not sure what the problem is.
This is also the first time I have used a MAMP. So I was a little confused on the location of files, etc. I believe I have it right, i.e. "http://localhost:8888/myimages/salmon/getalbumpics.php?id=salmon"
Heres part of my code:
ThanksCode:<script type="text/javascript" src="http://localhost:8888/myimages/salmon/getalbumpics.php?id=salmon"></script> <script type="text/javascript"> //Optional, manual description for particular pictures inside album //Syntax: albumid.desc[index]="Picture description here" //eg: myvacation.desc[2]="This is description for the 3rd picture in the album" //eg: myvacation.desc[6]="This is description for the 7th picture in the album" </script> <script type="text/javascript" src="ddphpalbum.js"> /*********************************************** * PHP Photo Album script v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more ***********************************************/ </script> <link rel="stylesheet" type="text/css" href="ddphpalbum.css" /> <div id="float_left"> <script type="text/javascript"> new phpimagealbum({ albumvar: salmon, //ID of photo album to display (based on getpics.php?id=xxx) dimensions: [3,2], sortby: ["file", "asc"], //["file" or "date", "asc" or "desc"] autodesc: "Photo %i", //Auto add a description beneath each picture? (use keyword %i for image position, %d for image date) showsourceorder: true, //Show source order of each picture? (helpful during set up stage) onphotoclick:function(thumbref, thumbindex, thumbfilename){ thumbnailviewer.loadimage(thumbref.src, "fit2screen") } }) </script> </div>
A.




Reply With Quote


Bookmarks