SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Member
    Join Date
    Mar 2009
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Image gallery options

    Hi there, I have a couple of websites to build but I'm still relatively new to web design. I have a good grasp of HTML and CSS.

    I have made an image gallery for one site using very basic javascript but it seems like I'm going to have to do more image galleries (most likely with a thumbnail navigation and a single changing main image) I would like a recommendation (or otherwise) on whether javascript would be the best option to learn next.

    Many thanks,

    Rachel

  2. #2
    SitePoint Addict
    Join Date
    Apr 2006
    Posts
    249
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If your goal is to build websites, learning javascript is going to be necessary at some point - this seems like a good project to learn on!

  3. #3
    SitePoint Evangelist snecz's Avatar
    Join Date
    Mar 2007
    Location
    Warsaw, Poland
    Posts
    429
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm not a fan of javascript. Great galleries can be made just with html and css which I guess is also better for seo.
    Warsaw - the city that survived its own death.
    EMM8 - Profesjonalne Strony Internetowe
    Projektowanie Stron WWW

  4. #4
    SitePoint Member
    Join Date
    Mar 2009
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by snecz View Post
    I'm not a fan of javascript. Great galleries can be made just with html and css which I guess is also better for seo.
    Possibly, but could I do a gallery with thumbnails which change the main image as opposed to going to a different page altogether using CSS?

  5. #5
    SitePoint Zealot
    Join Date
    Jun 2009
    Location
    Ottawa, Ontario, Canada
    Posts
    120
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can use the CSS display property to hide images until they are used and them display them using javascript when a user mouses over the thumbnail.

    For example:

    <html>
    <head>
    <title>
    Title
    </title>
    <style type="text/css">
    #mainImage1 {
    display: none;
    }
    </style>
    </head>
    <body>
    <img src="close.bmp"
    onMouseover=document.getElementById("mainImage1").style.display="inline"
    onMouseout =document.getElementById("mainImage1").style.display="none" />
    <br/>
    <div id="mainImage1">
    <img src="cig.png"/>
    </div>
    </body>
    </html>

    Just change close.bmp to the name of your thumbnail image and cig.png to the name of your main image.

    At some point you may want to look into PHP because it can handle some image tasks automatically. (I would recommend learning some javascript first.) PHP has some very handy image tricks up its sleeve.

  6. #6
    Non-Member #aaa#'s Avatar
    Join Date
    Jul 2009
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    why not use SEO?
    But you want to build individuation webpage,learning javascript is going to be necessary .
    in my opinion,i like SEO more than javascript.

  7. #7
    SitePoint Wizard Blake Tallos's Avatar
    Join Date
    Jun 2008
    Location
    Cuyahoga Falls, Ohio.
    Posts
    1,510
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My recommendation after you have a complete understanding of HTML & CSS and your absolutely sure that you know the in's & out's of both of the languages that you move on to Javascript or PHP. Personaly, I like Javascript it's has similar syntax to C++.
    Blake Tallos - Software Engineer for Sanctuary
    Software Studio, Inc. C# - Fanatic!
    http://www.sancsoft.com/


  8. #8
    SitePoint Enthusiast ranzuken's Avatar
    Join Date
    Oct 2008
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well, if your no good with javascript, you can also have an alternative to that such as css or php. If not, then I would just hire someone to do it for ya

    Ranzuken
    Tired of not making any money online?
    Haven't hit your $100 a day mark?
    Join BlackhatGuide today, and find out what you've been missing!

  9. #9
    SitePoint Member
    Join Date
    Mar 2009
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ranzuken View Post
    Well, if your no good with javascript, you can also have an alternative to that such as css or php. If not, then I would just hire someone to do it for ya

    Ranzuken
    Thereby defeating the object of learning anything at all...


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •