Redesigning Photo Gallery
Tagged: css modify positioning
January 30, 2008 at 5:29 pm #1152
I’ve been up 2 days straight recoding the css for the Gallery
A few notes first of all for those of you braving this on.
1. The PHP parsing makes things a little tricky…
2. Do not have an index.html file in the same folder as the index.php file (opps)
Things I’m not sure about yet:
3. Kill as much of the position property as posible. (not sure about this yet.)
4. the thumb related stuff needs hieght and width properties?
5. Can you embed the gallery into a page?
Right now my gallery isn’t working, and would like some help.
I’ve obviously created a disaster.. but it’s working.. sort of.
please check it out at axefield.zapto.orgJanuary 30, 2008 at 7:32 pm #1153
I think I’m going to keep it default… but I would still like to know to mess with things… I have made a copy of what I did (the messed up version) and I will have it up shortly for viewing.January 31, 2008 at 8:43 am #1154
I wouldn’t recomend killing the position properties, it will mess with the layout.
The thumbnails don’t need widths and heights to work properly.
Yes you can embed the gallery into another page.
This is how you do it:
1. Open up the index.php file and find the following (I am using the Full Version):
<link rel="alternate stylesheet" type="text/css" href="css/e2photo.css" title="none">
change it to:
<link rel="stylesheet" type="text/css" href="css/e2photo.css" />
Paste this into your page (needs to be a php file) you would like the gallery to be below the <title></title> tags.
<?php require_once "config.php"; require_once "getfolders.php"; ?>
Open up the file you would like to put this in and paste this in between the <head></head> tags after the css link.
Now find the following:
Paste this into your page between the <head></head> tags but after the <?php ?> stuff you just pasted.
Now copy everything in the index.php file between the <!– Gallery –> <!– end Gallery –> comment tags and paste into your page where you would like it to display.
Save the file and test.January 31, 2008 at 4:27 pm #1155
my forward and backward on the thumbnail previews isn’t working.January 31, 2008 at 4:32 pm #1156
and how do you get the title and author and descriptions inserted?February 1, 2008 at 9:21 am #1157
You’ll need to add the TItle and Description to the META data of the actual image. Most editing software as the ability.February 1, 2008 at 11:41 am #1158
meta data on the thumb or the actual image… and how do I get my forward and backward on my thumb previews to work correctly? url is axefield.zapto.orgFebruary 1, 2008 at 1:49 pm #1159
Meta data on the big images.
If you’ve tweaked or changed much of the code for the gallery, you could have messed with any number of things that handle the thumbnails sliding backwards and forwards. I’d recommend undoing some of the changes you’ve made and see if it fixes it. Or go through the process of adding the gallery to you pages like describe above.February 2, 2008 at 8:30 am #1160
The only changes I have made thus far are remove the change style button, add a background to the the #thumbbox identifier, and I copy pasted the gallery css into my css file.
I went throught the above steps.. I also rechecked the code for errors between the original code and the copied code.
-the thumb scroll function still isn’t working.February 4, 2008 at 8:56 pm #1161
…February 5, 2008 at 8:57 am #1162
I’ve been looking at your files and I can’t see what is going on, could you email me your PHP file so I can see if something is missing or if I can discover what is causing the thumb navigation to not work. I’ll send you an email you can send the file too.
You must be logged in to reply to this topic.