• Home
  • Subscribe RSS
  • Comments RSS
Blue Orange Green Pink Purple

#

Gallery

I've included a gallery page on the Radfords website I'm making, making use of appropriate Javascript code.

Here is how the page appears in Mozilla Firefox.


When each thumbnail image is clicked, the larger version appears in the main frame. Also, when the main image is clicked, it moves onto the larger version of the next thumbnail.

Here are the images in the XHTML code. The onclick event calls the appropriate Javascript function. For example, the function required for the first image is gal1.



This is the Javascript that makes the gallery work. When the first thumbnail image is clicked it calls the gal1 function. This function shows the element with the id g1, which is an img (the larger version of the thumb) and hides all of the other large img tags.

Read More 0 comments | Posted by Ste edit post

0 comments



Post a Comment
Newer Post Older Post Home

Ste Blog

  • About
      My name's Ste, a Multimedia student at Nottingham Trent University with a keen interest in design, mainly web and print based.

      Portfolio: www.stephengreig.co.uk
  • Followers

    Blog Archive

    • ► 2011 (18)
      • ► May (3)
      • ► April (2)
      • ► March (1)
      • ► February (8)
      • ► January (4)
    • ► 2010 (22)
      • ► December (2)
      • ► November (5)
      • ► October (2)
      • ► April (1)
      • ► March (4)
      • ► February (5)
      • ► January (3)
    • ▼ 2009 (35)
      • ▼ December (3)
        • Testing/Final Touch-ups
        • Finished Website
        • Gallery
      • ► November (6)
      • ► October (5)
      • ► May (1)
      • ► April (4)
      • ► March (2)
      • ► February (10)
      • ► January (4)
    • ► 2008 (16)
      • ► December (3)
      • ► November (9)
      • ► October (4)

    Labels

    • 3d (1)
    • 3ds max (4)
    • actionscript (1)
    • adobe flash (4)
    • adobe photoshop (7)
    • alignment (1)
    • Artefacts (15)
    • audiovisual (2)
    • avatar (2)
    • avatars (2)
    • blog template (1)
    • box showcase (2)
    • brainstorm (1)
    • cancer research (1)
    • character design (1)
    • charity (1)
    • Client Project (4)
    • client work (1)
    • compatibility (1)
    • contrast (1)
    • CRAP design (1)
    • creative zen (1)
    • creativity (1)
    • css (8)
    • dan saffer (1)
    • databases (2)
    • design (4)
    • design snack (1)
    • development (1)
    • deviant art (1)
    • digital piracy (2)
    • esearch (1)
    • film (1)
    • football manager (1)
    • game (2)
    • graphic design (1)
    • graphic design website design portfolio (1)
    • greetings card design (1)
    • hereford united (4)
    • hosting (1)
    • ideas (1)
    • identities (17)
    • image (1)
    • interaction design (1)
    • interactive narrative (2)
    • interactive room (5)
    • interactive showcase (5)
    • ipod (1)
    • javascript (6)
    • joel schafer (1)
    • jquery (1)
    • junior bulls (1)
    • layout (1)
    • live4life (1)
    • logo (3)
    • logo design (2)
    • logo moose (1)
    • media publishing (2)
    • mind map (1)
    • modelling (1)
    • moodboard (1)
    • multimedia practitioner (1)
    • music (2)
    • mutt ink (1)
    • my identity (2)
    • mysql (4)
    • newjack (5)
    • news (5)
    • one shot film (1)
    • Online News Business Models (3)
    • personal website (4)
    • photography (1)
    • php (4)
    • pixilation (2)
    • planing (1)
    • portfolio (2)
    • portfolio and design service (1)
    • poster design (1)
    • print design (1)
    • proximity (1)
    • PRP (20)
    • questionnaire (2)
    • radfords (6)
    • repetition (1)
    • research (4)
    • rule of thirds (1)
    • second life (1)
    • shape (1)
    • Simulated client project (2)
    • spp (3)
    • testing (1)
    • the maze (5)
    • the meeting (1)
    • typography (2)
    • web design (11)
    • website design (5)
    • website project (15)
    • website review (1)
    • world cup (1)
    • xhtml (10)
  • Search






    • Home
    • Posts RSS
    • Comments RSS
    • Edit

    © Copyright The Ste Blog. All rights reserved.
    Blog Skins Designed by FTL Wordpress Themes

    Back to Top