Gaya Design » scriptaculous

Image slider for displaying pictures or portfolios

Gaya — Tue, 07 Apr 2009 13:14:51 +0000

I love image slideshows and portfolios with an extra bit of interaction and effects. The problem I found when I wanted to make one of my own was that I always ran out of ideas how to display portfolio items / pictures in a special way. But then it hit me, and the idea for this image slider was born.

Customize the default alert() function of Javascript

Gaya — Wed, 11 Mar 2009 14:41:05 +0000

Web designers, developers and web users know them. We all have run across one of these; the Javascript alert message. Most of the time, I don't even read them and click them away. But the more important thing is that they just look ugly, no matter which browser you use.

So why not remake the whole Javascript alert function? This article will give you the basics of my customization of the alert message.

Lightbox + PhotoNav = LightNav

Gaya — Mon, 09 Feb 2009 14:02:55 +0000

If you've been around the web for a while, you might have heard of Lightbox. And if you used it, you might also know the limitations. One of those limitations is of course the fact that an image wider than your screen goes out of bounds. Very annoying! And it creates ugly scrolbars. As you might know, I have created a Panoramic Photoviewer in Javascript to fix the problem of images going out of bounds. And I thought to myself: "Why not try and implement PhotoNav on top of Lightbox?". With this, even super large images would be viewable. I created LightNav for this. It runs along Lightbox without changing the script, so you can always update Lightbox if needed.

Panoramic Photoviewer in Javascript

Gaya — Wed, 14 Jan 2009 13:24:46 +0000

As a webdesigner you might have had this problem: "I've got a nice looking wide image, but I don't want my visitors to scroll horizontally." A colleague showed me a new project he was working on. A large image appeared and I had the ability to drag and move the image around in a container. Not super efficient if you ask me, I still had to grab the image and move it around holding my mouse button. Can't there be an easier way? This article will show you my solution to the problem and maybe even a different approach on navigation.

Garagedoor effect using Javascript

Gaya — Sun, 28 Dec 2008 16:00:05 +0000

You might have noticed the menu at the top right corner of the website. That's something what I like to call the GarageDoor effect. Creating one has now been made easy! This tutorial explains everything you need to know on how to create the same effect yourself.