Closed Thread Icon

Preserved Topic: How'd they do this? Pages that link to <a href="https://ozoneasylum.com/backlink?for=15728" title="Pages that link to Preserved Topic: How&amp;#039;d they do this?" rel="nofollow" >Preserved Topic: How&#039;d they do this?\

 
Author Thread
Boudga
Maniac (V) Mad Scientist

From: Jacks raging bile duct....
Insane since: Mar 2000

posted posted 01-25-2001 01:02

How'd they create the blurry dhtml overlay?

http://carpoint.msn.com/autoshow2001/Sponsor.asp?oem=toyota

Jestah
Maniac (V) Mad Scientist

From: Long Island, NY
Insane since: Jun 2000

posted posted 01-25-2001 01:17

Possibly blurOn() and sliding the layer with the blur in it over? I know thats wrong. Just making suggestions.

F1_error
Paranoid (IV) Mad Scientist

From: EN27
Insane since: Mar 2000

posted posted 01-25-2001 01:20

The Bug Man might know. Does he even come around here anymore? He's a genius.



Blook
Paranoid (IV) Inmate

From: Utah, USA
Insane since: Apr 2000

posted posted 01-25-2001 01:50

I really don't know but here is what I think it might be.

I don't think it is a blur effect, I think it is 2 pictures. The sliding part just shows a part of the second picture and the other is a back ground or something. just an idea.


Putting the Green back in Mean... er... wait... DOH!

butcher
Paranoid (IV) Inmate

From: New Jersey, USA
Insane since: Oct 2000

posted posted 01-25-2001 01:53

Fogive my stupidity, if it is, but being that it's a flash movie, would it be DHTML at all?

netmosis
Neurotic (0) Inmate
Newly admitted
posted posted 01-25-2001 02:58

it took four posts to figure out it is flash? mas medicamentos para todos, por favor...



www.netmosis.com - we're on the leading edge of a false reality...

netmosis
Neurotic (0) Inmate
Newly admitted
posted posted 01-25-2001 02:59

two pics one fuzzy one not both aligned, the slider is a mask over the fuzzy one...



www.netmosis.com - we're on the leading edge of a false reality...

Jestah
Maniac (V) Mad Scientist

From: Long Island, NY
Insane since: Jun 2000

posted posted 01-25-2001 03:13

I got it! Its Flash!

Boudga
Maniac (V) Mad Scientist

From: Jacks raging bile duct....
Insane since: Mar 2000

posted posted 01-25-2001 03:38

pardon me...for not right clicking

briggl
Bipolar (III) Inmate

From: Here, There and Everywhere
Insane since: Sep 2000

posted posted 01-25-2001 03:43

But the slidy part follows the cursor. I didn't know you could do that in Flash. Pretty cool.

Associate Guru
Gurus Network

Ikonomi
Nervous Wreck (II) Inmate

From: H-Town.TX.USA
Insane since: Sep 2000

posted posted 01-25-2001 03:50

I have absolutely no clue... But that's smooth as heck. Check out how the "the Toyota 2001 vehicle showcase" varies vertical position according to where in the sliding thing you have the cursor. That's cool.

mbridge
Paranoid (IV) Mad Scientist

From:
Insane since: Jun 2000

posted posted 01-25-2001 05:17

It's actually pretty simple, you just make a mask that follows the mouse, and reveals a second picture.

ocb
Bipolar (III) Inmate

From: Dublin, Ireland
Insane since: Jun 2000

posted posted 01-25-2001 16:15

It's easy to do in DHTML also. Two DIV's, one containing the unblurred pic, the overlay containing the blurred pic. Move the overlay on the mousemove event while at the same time repositioning (and clipping) the blurred picture within the overlay DIV to the correct X coordinate for display.

Jaysus, did that even make sence....

Pugzly
Paranoid (IV) Inmate

From: 127.0.0.1
Insane since: Apr 2000

posted posted 01-25-2001 16:48

ocb - reading that made my brain hurt.

I think it's tutorial time!

Pat Richard
Web weenie
http://www.gurusnetwork.com
ICQ 23113317

Sash
Paranoid (IV) Inmate

From: Canada, Toronto
Insane since: May 2000

posted posted 01-25-2001 19:52

I cannot open the page.





Share your knowledge. It's a way to achieve immortality.

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted posted 01-25-2001 21:25

Ahh bored at work.
http://www.bitdamaged.com/testpages/effect/

Pugz I'll simplify this a bit and make a tute.

ocb. I didn't actually need to move the layers (thought I would though at first) Instead I just moved the clip around.

But ... If I wanted content in the window I would need an embedded div that followed the clip area.


Walking the Earth like Kane

[This message has been edited by bitdamaged (edited 01-25-2001).]

[This message has been edited by bitdamaged (edited 01-25-2001).]

Petskull
Maniac (V) Mad Scientist

From: 127 Halcyon Road, Marenia, Atlantis
Insane since: Aug 2000

posted posted 01-25-2001 23:36

couldn't you just fix that with a parent layer that hides everything outside it?

tskull@techie.com">
"War is a series of disasters which result in a winner." --Georges Clemenceau
ICQ: 67751342

Boudga
Maniac (V) Mad Scientist

From: Jacks raging bile duct....
Insane since: Mar 2000

posted posted 01-25-2001 23:39

see how stupid questions can get people thinking....

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted posted 01-26-2001 04:52

Umm.

Not sure the question.

But It made me think I could add a 3rd layer z-indexed on top of the other 2 that is as wide as the clipped area and follows the same path.

Lemme try it.


Walking the Earth like Kane

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 01-26-2001 05:23

aw hell, just buy Flash

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

posted posted 01-26-2001 05:27

There's another level of complexity to consider: the type that follows the cursor on the y axis, constrained within the blur mask, which follows on the x axis. Oh yeah, and then the menu items at the bottom that highlight!

Someone must have a extension for Dreamweaver that makes this happen in two clicks!

The rest of the site was pretty slick too. Oh yeah - Flash lets you capture mouse coordinates and do tricks with that info. It's kind of a toss up - DHTML and risk having it fail on incompatable browsers, or Flash and risk having it fail with absent plugins.

[This message has been edited by Steve (edited 01-26-2001).]

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 01-26-2001 05:34


this and the OK Slime threads are ablaze with knowledge I must say. Keepers.

WarMage
Maniac (V) Mad Scientist

From: Rochester, New York, USA
Insane since: May 2000

posted posted 01-26-2001 18:28

You can never win.

I would think that doing it the DHTML (javascript) way would be a better option. I am sure that it is a much faster load! My stats show that 8% don't have javascript enabled. That is a largish margin of error. Don't have any stats on Flash though.

« BackwardsOnwards »

Show Forum Drop Down Menu