PDA

View Full Version : Javascript Portfolio Site


g10tto
03-11-2009, 01:15 PM
I'm super lame at JavaScript, and it's something I'd like to learn soon.

For the time being, I'm working on a portfolio site which displays some of my graphic design. You can find it at http://www.cteaguedesign.com/lightbox

As you can see, I'd like to display each piece of work as a graphic that dominates the background.

Originally I had tried using Javascript to switch it out after clicking any of the "Lightbox #" links at the bottom, only to convert to using the far more flexible method of "img" tags and CSS.

It would be extremely useful to accomplish that, AS WELL AS making a div appear for each item that displays a little written description in the same bar as the menu.

So far, I've deduced that I would need to write some function that either triggers the "display:none;" attribute for all images and div's except the one I want to appear, or use some sneaky JS trick I've yet to learn.

Any ideas? I know you guys are crafty at this stuff! :)

omnicity
03-18-2009, 12:30 PM
I'm not sure that I fully understand. Could you just bring your current image to the front, and cover up everything else?

When you say that you want to hide all images and div's does that mean everything on the page?

soakdigital
03-27-2009, 05:21 AM
If you're completely new to Javascript, I'd recommend looking into jQuery (http://jquery.com/). It's a light JS framework that hugely simplifies most actions. You include the jQuery library as you would any external JS file, then follow some tutorials on their site.