How can I best get started with a DIY HTML photo gallery?

Loenja Selter January 23, 2013
Pinterest Stumbleupon Whatsapp

Does anyone know of any good starting points for writing (NP++) my own HTML photo gallery? This is more a proof of concept thing than needing to be bullet proof. I am looking for a tutorial that would set me off in the right direction.

If that fails, a free to use and dissect photo gallery would work, too. Would like to use only HTML and CSS.

Ads by Google

  1. Dieter Verbeken
    January 24, 2013 at 9:24 am

    i would suggest installing wordpress on your webserver and add the Nextgen gallery plugin...

  2. Mahesh Kumar
    January 23, 2013 at 5:35 pm

    You can learn from this example :

    http://www.onextrapixel.com/2012/08/03/how-to-create-an-animated-image-gallery-using-html-and-css3/

    To learn HTML and CSS basics you can learn from http://www.w3schools.com/

  3. Rob Hindle
    January 23, 2013 at 5:32 pm

    If I recall correctly the galleryproject is fine, versatile, powerful, feature-rich but big, needs a MySQL database, and uses more than just CSS and HTML.

    Having said that limiting yourself to just CSS and HTML is making it difficult - a bit of PHP and/or Javascript is no big deal.

    The next issue is just what functionality you need, There are hundreds of web galleries available as opensource and there isn't a "best", they tackle the issue different ways and present different user interfaces.

    If you're thinking about doing it yourself - the first question is why when there are so many already available. One answer may be because your requirements are very basic - in the past I've written a few small task specific galleries in a few lines in PHP and/or Javascript.
    Another answer is because you need functionality you cannot find examples of in pre-existing galleries - so find one that does most of it and see if you can hack it around to suit your needs - but first you need to be clear what functions you DO need.

    An example of a gallery that at least complies with your "CSS & HTML only" constraint is http://www.admixweb.com/demos/css3gallery/

    • Loenja Selter
      January 23, 2013 at 5:41 pm

      ive just started playing with PHP so thats fine and javascript is cool too. i would really like to work out how it all works so nothing to complex

  4. Daniel Huss
    January 23, 2013 at 3:40 pm

    I'd just give Gallery a try and see if it meets your needs... http://galleryproject.org/