New fresh meat - need help doing gallery thumbnails

b08maz · #1 (**permalink**) Jan 7th, 2007, 17:56

This is almost identical to what my page looks like. If I wanted individuals to click on either the arrows at the bottom or numbers what would I need to do that would refresh the thumbnails? Also on the links to the left would I have to copy the page for each gallery category or can I just refresh the gallery thumbnail views to reflect which category? I have a feeling this is javascriping which I have never done before. Below is the code for the above template. I envy all you talented web programmers.

<HTML>
<HEAD>
<TITLE>1.home</TITLE>
<meta http-equiv="Content-Style-Type" content="text/css">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<TABLE WIDTH=639 BORDER=0 CELLPADDING=0 CELLSPACING=0 align="center">
<TR><TD><object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="690" height="294">
<param name="movie" value="flash/header3.swf">
<param name=quality value=high>
<embed src="flash/header3.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="690" height="294"></embed>
</object></TD>
</TR>
<TR>
<TD WIDTH=639 HEIGHT=296 ALT="" valign="top" style="padding-bottom:10px ">
<div style="margin-left:28px; margin-right:10px ">
<br style="line-height:10px ">
<table width="593" height="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="140" background="images/dot_vert.gif" style="background-position:right; background-repeat:repeat-y; " valign="top"> <div style="margin-left:6px; margin-right:11px; ">
<table width="121" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/top_left_corn.gif"></td>
<td background="images/top_px.gif" width="113" height="4"><img src="images/spacer.gif"></td>
<td><img src="images/top_right_corn.gif"></td>
</tr>
<tr>
<td width="4" background="images/left_px.gif"><img src="images/spacer.gif"></td>
<td width="171" height="113" valign="top" bgcolor="#121212" style="padding-top:4px; padding-bottom:4px ">
<div style="margin-left:6px; margin-right:4px ">
<p><strong>
<img src="images/arr1.jpg" align="absmiddle" style="margin-right:7px "><a href="#">Friends</a><br>
<br style="line-height:5px ">
<img src="images/arr1.jpg" align="absmiddle" style="margin-right:7px "><a href="#">Places</a><br>
<br style="line-height:5px ">
<img src="images/arr1.jpg" align="absmiddle" style="margin-right:7px "><a href="#">Pets</a><br>
<br style="line-height:5px ">
<img src="images/arr1.jpg" align="absmiddle" style="margin-right:7px "><a href="#">Abstract</a><br>
<br style="line-height:5px ">
<img src="images/arr1.jpg" align="absmiddle" style="margin-right:7px ">Night Time <br>
<br style="line-height:5px ">
<img src="images/arr1.jpg" align="absmiddle" style="margin-right:7px "><a href="#">Places</a><br>
<br style="line-height:5px ">
<img src="images/arr1.jpg" align="absmiddle" style="margin-right:7px "><a href="#">Events</a></strong><strong><br>
<br style="line-height:5px ">
<img src="images/arr1.jpg" align="absmiddle" style="margin-right:7px "><a href="#">Taylar</a><br>
<br style="line-height:5px ">
<img src="images/arr1.jpg" align="absmiddle" style="margin-right:7px "><a href="#">Michael K </a><br>
<br style="line-height:5px ">
<img src="images/arr1.jpg" align="absmiddle" style="margin-right:7px "><a href="#">Macro</a><br>
</strong></p>
</div>
</td>
<td width="4" background="images/right_px.gif"><img src="images/spacer.gif"></td>
</tr>
<tr>
<td><img src="images/bot_left_corn.gif"></td>
<td background="images/bot_px.gif" width="113" height="4"><img src="images/spacer.gif"></td>
<td><img src="images/bot_right_corn.gif"></td>
</tr>
</table>
<br style="line-height:10px ">
    

</div>
</td>
<td width="453" valign="top" style="padding-top:9px ">
<div style="margin-left:14px ">
<a href="#"><img src="images/4im1.jpg" border="0" align="absmiddle"></a><img src="images/line.jpg" hspace="7" align="absmiddle"><a href="#"><img src="images/4im2.jpg" border="0" align="absmiddle"></a><img src="images/line.jpg" hspace="7" align="absmiddle"><a href="#"><img src="images/4im3.jpg" border="0" align="absmiddle"></a><br>
<br style="line-height:14px ">
<a href="#"><img src="images/4im4.jpg" border="0" align="absmiddle"></a><img src="images/line.jpg" hspace="7" align="absmiddle"><a href="#"><img src="images/4im5.jpg" border="0" align="absmiddle"></a><img src="images/line.jpg" hspace="7" align="absmiddle"><a href="#"><img src="images/4im6.jpg" border="0" align="absmiddle"></a><br>
<br style="line-height:14px ">
<a href="#"><img src="images/4im7.jpg" border="0" align="absmiddle"></a><img src="images/line.jpg" hspace="7" align="absmiddle"><a href="#"><img src="images/4im8.jpg" border="0" align="absmiddle"></a><img src="images/line.jpg" hspace="7" align="absmiddle"><a href="#"><img src="images/4im9.jpg" border="0" align="absmiddle"></a><br>
<br style="line-height:20px ">
<div align="center"><strong><a href="#"><img src="images/arr2.jpg" border="0" align="absmiddle"></a><img src="images/spacer.gif" width="11" height="1"><a href="#">1</a><img src="images/spacer.gif" width="8" height="1"><a href="#" class="red">2</a><img src="images/spacer.gif" width="8" height="1"><a href="#">3</a><img src="images/spacer.gif" width="8" height="1"><a href="#">4</a><img src="images/spacer.gif" width="8" height="1"><a href="#">5</a><img src="images/spacer.gif" width="8" height="1"><a href="#">6</a><img src="images/spacer.gif" width="8" height="1"><a href="#">7</a><img src="images/spacer.gif" width="8" height="1"><a href="#">8</a><img src="images/spacer.gif" width="8" height="1"><a href="#">9</a><img src="images/spacer.gif" width="11" height="1"><a href="#"><img src="images/arr.gif" border="0" align="absmiddle"></a></strong></div>
</div>
</td>
</tr>
</table>
</div>

</TD>
</TR>
<TR>
<TD WIDTH=639 HEIGHT=42 ALT="" valign="top" background="images/bottom_px.gif" style="padding-top:17px ">
<div align="center" class="copy">Copyright © 2005-2006 Personal Page. <a href="index-5.html" class="copy">Privacy Policy</a></div>
</TD>
</TR>
<TR><TD><IMG SRC="images/spacer.gif" WIDTH=639 HEIGHT=25 ALT=""></TD></TR>
</TABLE>
<map name="Map">
<area shape="rect" coords="344,157,391,180" href="index.html">
<area shape="rect" coords="537,131,568,157" href="index-1.html">
<area shape="rect" coords="558,61,611,87" href="index-2.html">
<area shape="rect" coords="465,221,521,247" href="index-3.html">
<area shape="rect" coords="354,25,411,49" href="index-4.html">
</map>
</BODY>
</HTML>

b08maz · #2 (**permalink**) Jan 7th, 2007, 20:49

I think I began by editing the template all wrong. From what I understand I don't have to edit all the gif and jpg images I just have to edit the source psd photoshop files and update them in slices. But that leaves me in the unknown territory. I have not done this with photoshop cs 9 before. I primarily use it only for picture editing. Any insite would be greatly appreciated.

Ryan Fait · #3 (**permalink**) Jan 7th, 2007, 22:10

This is most likely PHP with MySQL. And you're in luck, it's easy to learn! I suggest you visit http://hotscripts.com/ and searching for a simple gallery script.

moojoo · #4 (**permalink**) Jan 8th, 2007, 15:31

Frieworks is much better suited for this task imo. While photoshop is the bestest at many things (I have CS 2) even with my years of doing photo restorations etc.. I find Fireworks to be THE BEST for web comps, design, and icon/logo creation. But thats me. Also slicing things up in Fireworks is just uber nice the way it all works. FW is a web designing app, PS is not imo. Now if you are talking general design, dtp etc.. Photoshop all the way.

b08maz · #5 (**permalink**) Jan 8th, 2007, 18:25

So which is the easiest? I noticed editing in photoshop that the template has two pictures via layer but I have no clue what to do. Any suggestion on what you would suggest a new user to do? Man I thought buying a web template would make things easier. It was suggested to use Photoshop and update slices which I have done. So what would be the easiest way to have different sized pictures resized to the same size thumbnails. I appreciate all the help and which way do you recommend I use to have thumbnails refreshed then?

b08maz · #6 (**permalink**) Jan 10th, 2007, 13:00

Would it be possible doing what I need with this thumbnail software in any of you guys opinions?

http://www.raizlabs.com/magic/

daygon · #7 (**permalink**) Jan 12th, 2007, 19:19

Quote:

Originally Posted by b08maz

<TR><TD><object classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="690" height="294">

Hehe it made a smilie.

Why dont you try fireworks, just download the trial at www.adobe.com . and you'll see its alot like PS in alot of ways but its also really different. If you need some help with it just say a word or two and ill be glad to help you out.

b08maz · #8 (**permalink**) Jan 13th, 2007, 23:49

I have fireworks, dreamweaver and flash mx 2004. You suggest fireworks?
I don't want to use javascipt if possible. Being a noob that is what the site I purchased the template suggested using via array function. So today, (God I hope it helps) I purchased 100 bucks worth of books for Dreamweaver 8 basic and advanced functions.

Ryan Fait · #9 (**permalink**) Jan 14th, 2007, 02:12

JavaScript is good. Just make sure it degrades gracefully if it's not enabled.

b08maz · #10 (**permalink**) Jan 14th, 2007, 06:30

I would love to do it in java but I have never done this before. I need MAJOR help if it is Java. Below is the code example they gave for a gallery.

http://info.template-help.com/after_.../article3.html

and this

http://info.template-help.com/after_.../article4.html

I am not going to lie, I feel overwhelmed, frustrated and ignorant

. I am very good about learning things but figuring out how do to damn thumbnail gallery that maintains the same position for a 3 x 3 array is daunting. How much would any of you charge to walk me through this? I spend two hours looking through Flash MX, Dreamweaver, CSS/HTML, JAVA and many other books only to realize that I'm not sure which ones would help me with this!

Ryan Fait · #11 (**permalink**) Jan 14th, 2007, 10:39

Java and JavaScript are two different things. You're going to have to use XHTML, CSS and JavaScript in different quantaties to get this thing to work. Creating thumbnail galleries is no easy task

Looking for a premade one that suits you best is by far the simplest way to get something done.

Lchad · #12 (**permalink**) Jan 14th, 2007, 11:44

Project Seven has an image gallery that works with Dreamweaver. You might find that you can work with this easier and they have a forum to help you and tech support. http://www.projectseven.com/products...agic/index.htm

Hope this helps!

Ryan Fait · #13 (**permalink**) Jan 14th, 2007, 12:04

That's weird, I was just browsing Project Seven a minute ago. I'm having problems with CSS

I'll post it up in a bit.

b08maz · #14 (**permalink**) Jan 15th, 2007, 22:32

Man I really am getting frustrated. Template-help.com told me the price to implement php script for the web gallery. The good news is that I found what code to use. The bad news is that I cannot afford what they are asking, nor do I have even one damn book on PHP scripting.

daygon · #15 (**permalink**) Jan 16th, 2007, 19:32

ok... instead of going out and buying books, just take some tutorials. There are even some interactive tutorials to keep you awake. Trust me i know how it is to not know something and have to read up on it. Reading to me is boreing. Fire works is the best especially if you're a noob. it writes all the java up for you and all you have to do is just fill in the fields and the linking right then its gravy from there. When i wanna do simple drop down menus i use fire works and im somewhat and expert designer. Now until i learn how to do drop downs in css it is what i will use.

moojoo · #16 (**permalink**) Jan 18th, 2007, 13:39

Doing a gallery with CSS is not only possible it is also very practical. What it boils down to is how automated you want the process to be. PHP could easily create your thumbnails and used with a database you then have your auto gallery generation while using CSS/xhtml for the output. I personally automate myimage galleries using textpatterns built in stuff but thats me.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
image gallery linking thumbnails to timeline key frames	patnz	JavaScript Forum	8	Jan 3rd, 2008 00:18
Created Flash Photo Gallery in PhotoShop. How can I put this Gallery INSIDE a page??	BlackReef	Flash & Multimedia Forum	3	Dec 13th, 2007 18:30
Fresh look requested	1andyw	Website Planning	0	Aug 31st, 2007 12:40
New fresh raw meat who NEEDS HELP	b08maz	Introduce Yourself	7	Jan 8th, 2007 08:44

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
New fresh meat - need help doing gallery thumbnails