View previous topic :: View next topic |
Author |
Topic : "Questions on some webdesign..." |
StormVermin member
Member # Joined: 13 May 2000 Posts: 252
|
Posted: Wed Oct 25, 2000 8:41 pm |
|
|
I'm just wondering how to go about doing a page that has the getup like this one right here...
"http://eyeball-design.com/page05.htm" How is it done so that the E moves whenever the mouseover happens? How do ya make it so the image is really awhole bunch of little ones?
Some tutorials would help - or ya can answer yourself.
Thanks! |
|
Back to top |
|
Trance-R member
Member # Joined: 03 Nov 1999 Posts: 360 Location: Burnaby, BC, Canada
|
Posted: Wed Oct 25, 2000 9:17 pm |
|
|
You should know how to program in Java Script/Java to do that. It's all in the source file... view the source. And see all that programming mumble jumble? That's all it is, right there. You just gotta understand it.
onmouseover = "something" triggers the animation function. The function simply swaps through the 3 preloaded image files.
You won't be able to understand the script if you have no programming experience.
This stuff takes time. Just like art. |
|
Back to top |
|
PuckDewd member
Member # Joined: 30 Mar 2000 Posts: 194 Location: Boston,MA
|
Posted: Thu Oct 26, 2000 3:00 am |
|
|
quote
Quote: |
"How do ya make it so the image is really awhole bunch of little ones?" |
This is done using tables with no cell border. Each little image was part of a bigger, full size one, then "sliced" and put into the table.
quote
Quote: |
"How is it done so that the E moves whenever the mouseover happens?" |
Instead of a regular rollover where the image just turns into another image, this is probably a rollover into an animated gif. Though I didn't look at the source code to verify that.
What's the purpose of all this you say? Very simple. To decrease the load time. Instead of one big, 300k graphic to download, which would take quite a considerable amount of time, you have 30 or so 2-8k pictures that load within a few seconds each. Adobe ImageReady and Macromedia Fireworks are some of the more popular image slicers around and they also give the option to write the HTML for the table when you export it. I used Fireworks on my site and even though the main page is 167k, it loads (supposedly, I have yet to try it) in less than 30 seconds on a 28.8 modem. Let me know if you need any help with anything, I'd be glad to.
-Puck
------------------
Electric Synapse |
|
Back to top |
|
|