Lost when adding multiple pictures.

Forgive me and please place this post in its appropriate area if I posted this in the wrong place.

I am trying my best to add several hundred pictures to a template I downloaded for free. This is been very frustrating to sat the least. Is there any way to add them to one of the pages on my website?

this is the code where I want to add the images as thumbnails that would link to the images in a folder on the server:

<div id="logo">
    	<a href="#"><center>PlanetDankk</center></a>
      	<h2><a href="#"><small><center>•·.·´¯`·.·•––•(-•Dænkk•-)•––•·.·´¯`·.·•</center></small></a></h2>
    </div>
   <div id="buttons">
      <a href="index.html" class="but_home"  title=""></a><div class="but_razd"></div>
      <a href="Composition.html" class="but" title="">Compositions</a>
      <div class="but_razd"></div>
      <a href="gallery.html"  class="but" title="">Gallery</a><div class="but_razd"></div>
      <a href="Dawson.html"  class="but" title="">Dawson-ville</a>
      <div class="but_razd"></div>
      <a href="contact_us.html" class="but" title="">Contact us</a>
  </div>
</div>
<!-- header ends -->
        <!-- content begins -->
        		<div class="cont_top"></div>
       			<div id="content">
                <div style="height:10px"></div>
                	
                	<div style="height:550px"></div>
                        	                    
                <div style=" height:21px; padding-left: 20px;">
                        <a class="gal_num" href="#">1</a>
                        <a class="gal_num" href="#">2</a>
                        <a class="gal_num" href="#">3</a>
                    </div>
                </div>
                <div class="cont_bot"></div> 	
                    
                      
             <!-- content ends --> 

i am also hosting this site on my own server 2008 R2 machine mainly just for family to have access to the pictures. I am one lost dude.

Thanks for any help.

[Edited by danktankk on 13-Apr-11 12:57]

--
- DT -

@danktankk: You'll need to create thumbnails of the images somehow first. You can either create a batch action in Photoshop (or another editor) to do it, or get hold of some thumbnailing software. Another option is to use a server-side script (PHP, ASP etc) to generate the thumbnails, either as a one-off batch or on the fly.

Then it's just a case of adding an img tag to your page for each thumbnail, and wrapping the img tag in a link that points to the full-size image.

Cheers,
Matt

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

Thank you for the reply. I was really hoping there was a way to add hundreds of images without doing them 1 the time. I am currently looking for ways to do just that. Since I am using dreamweaver to design the website, I am going to see if there's a way to use that to do what I'm trying to accomplish.

I am going to stick around this website and read up as much as I can and learn from the people here kind enough to offer their expertise. Thanks again, I'll report back when I figured out a way to get it done without doing it 1 at a time.

Sent from my Verizon Wireless 4GLTE smartphone

--
- DT -

@danktankk: No problem. Personally I would knock together a PHP script to both create the thumbnails and churn out the HTML. But the Photoshop approach would at least do the thumbnails for you if you're not familiar with PHP coding.

Another approach would be to use a gallery or photo management app to generate your thumbnails and pages. You could then copy and paste the HTML from the auto-generated page into your own page.

On the Mac you can do it with iWeb. Or a good cross-platform solution is jAlbum:

http://jalbum.net/software/download/current/all-systems

Hope that helps!

--
Matt Doyle, Elated
3rd Edition of my jQuery Mobile book out now! Learn to build mobile web apps. Free sample chapter: http://store.elated.com/

u can do it from photoshop or photo editer!!!

--
alif