FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


How do they do it?





Arty
http://www.balhar.com/
Here's an example. How do they make the transparency, the sliding animation, and all of that without using Flash or GIF images?

Are there any specific tutorials that teach you how do these kinds of things?
Ghost Rider103
I don't know for sure. Though I don't think that is possible with just a .gif image.

It can be Flash, Java, and I am sure there is more, but those two are very popular. I am guessing flash, but I didn't take the time to look and see how they did it. I think it might be possible with some php as well.

But I am not the person to be asking this. I think you would have more luck asking this in one of the programming forums.
Hogwarts
It's just basic Javascript, from what I can see. PNGs can have transparencies too, y'know >.>
Ghost Rider103
That is true, .png's can have transparency.

Though some older web browsers do not support transparency in .PNG files. I believe IE6 is like that. Though I do prefer .PNG files, sometimes I have to use the .gif format. But it's about the same quality when using a .gif as long as you save for web and devices.
Hogwarts
Ghost Rider103 wrote:
Though some older web browsers do not support transparency in .PNG files. I believe IE6 is like that. Though I do prefer .PNG files, sometimes I have to use the .gif format. But it's about the same quality when using a .gif as long as you save for web and devices.


I assure you, JavaScript fixes that issue easily ^^
Arty
So how do you make an animated thingie with Javascript? ^^
That's what I'm most confused about.
nivinjoy
Anyway that is a great site...!! The guy who designed deserves great appreciation...!!

He has created great and marvelous 18 pages...!! This is one of the best website i have ever seen...!!

I think he has done the great work just by using javascript...!!
wab11287
It is made with the use of Javascript and mootools. You can look up more on mootools at http://mootools.net/ And for the sliding animation its just the basic slider for the javascript. Also to make it semi-transparent you just use png files which are the best files for web sites.

Here is a link for the slider http://demos.mootools.net/Slider

Here are some more examples of sliders with javascript. Hope this helps you

http://www.noupe.com/javascript/30-javascriptajax-techniques-for-sliders-scrollers-and-scrollbars.html

----------------
Now playing: [url=http://www.foxytunes.com/artist/puddle+of+mudd/track/away+from+me+(radio+edit)]Puddle Of Mudd - Away From Me (Radio Edit)[/url]
via FoxyTunes
GB
One way you can learn how someone constructed a website is by using the Firebug addon for Firefox. It pops up and lets you navigate through the structure. You can make changes to figure out how a certain piece affects the final product. I've used it extensively to figure out how great websites do it and where bad websites go wrong. I just wish that there was something like this available for IE6! That browser causes more headaches than anything else.
keane
It's javascript.
Hogwarts
keane wrote:
It's javascript.


We established that around the third post Rolling Eyes
Arty
Mootools! I just found out about that a few days ago. Smile

I have absolutely no knowledge of Mootools. When I downloaded it it was just a single JS file. What the heck am I supposed to do with that?

I know a little JavaScript, but not so much.

BTW, This person also uses Mootools. Her website is awesome! It's all just one file.
http://melissahie.com/
binsmyth
I think they are using a flash in there but with javascript. maybe they are calling the flashscript using the javascript.
rockacola
Hogwarts wrote:
keane wrote:
It's javascript.


We established that around the third post Rolling Eyes


When you said "we", you actually meant "I", right? Wink


binsmyth wrote:

I think they are using a flash in there but with javascript. maybe they are calling the flashscript using the javascript.


No, it's javascript.. hit ctrl+u and it's all there...
Hogwarts
rockacola wrote:
Hogwarts wrote:
keane wrote:
It's javascript.

We established that around the third post Rolling Eyes

When you said "we", you actually meant "I", right? Wink.

No, we. It was stated in the third post, and agreed upon, and thus established.
Related topics
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.