Topic: continuously sliding image on mousemove! Pages that link to <a href="https://ozoneasylum.com/backlink?for=30935" title="Pages that link to Topic: continuously sliding image on mousemove!" rel="nofollow" >Topic: continuously sliding image on mousemove!\

 
Author Thread
MiD AwE
Obsessive-Compulsive (I) Inmate

From: Phoenix, Arizona USA
Insane since: Apr 2009

IP logged posted posted 04-01-2009 18:03 Edit Quote

Hi all, I'm new here though I've been visiting for a decade, but now I really need help and I can't find the answer through searching, so I've finally stopped hiding and decided to register. I'm a big fan of Doc's though he never knew it.

Years ago, just before the current interface he had his orange marble landscape image that would slide left or right based on the mouse move action. I loved that and was sad to see it go; but, my question is where did it go? I checked all of the currently listed interfaces and it's not there. I'm really trying to learn how it was done.

I'm developing in jQuery, so if anyone can translate an answer in jQuery it would be greatly appreciated, but plain JavaScript will do. I'm not an expert but I'm certainly not illiterate either.

Thanks in advance, and it's nice to finally say hello to a group I've been reading for so many years.

NoJive
Maniac (V) Inmate

From: The Land of one Headlight on.
Insane since: May 2001

IP logged posted posted 04-01-2009 19:08 Edit Quote

Welcome aboard.

this is what you were looking for... that's all I can do for you. The real brains will be along later I'm sure. =)

http://www.ozones.com/burning/

And yes when I first saw that it was a big case of wow! =)

___________________________________________________________________________
?Privatize the Profits - Socialize the Losses.? Randi Rhodes

MiD AwE
Obsessive-Compulsive (I) Inmate

From: Phoenix, Arizona USA
Insane since: Apr 2009

IP logged posted posted 04-01-2009 23:42 Edit Quote

Hey NoJive,

Thanks for the link. I looked at the code and I'm digging through it. Visually, the effect I was asking about had more in common with Doc's new 404 page. Except for the four z-depths there was only the one, but I'm sure the code had a lot in common.

quote:
when I first saw that it was a big case of wow! =)



If I remember correctly it's been about five years since I last saw the other interface, and I'm still thinking about it. I recently decided to rebuild my web-folio and I'd really like to do something similar. Of course I will rebuild the code for jQuery and share it here for anyone interested.

Maybe, if we are graced by the presence of the "Lord Mad Scientist", special permission could be granted for such an endeavor..?

(Edited by MiD AwE on 04-01-2009 23:51)

MiD AwE
Obsessive-Compulsive (I) Inmate

From: Phoenix, Arizona USA
Insane since: Apr 2009

IP logged posted posted 04-02-2009 03:28 Edit Quote

With some more investigating building the desired effect in jQuery, I ran across this: jParallax. So it seems someone has beaten me to it. In fact this one is cool enough to chill the Doc and definitely deserves a mention here at the asylum.

I'll be around wandering the premises but for now I'm off for some fun and coding.

Thanks again, NoJive.

coach
Nervous Wreck (II) Inmate

From:
Insane since: May 2011

IP logged posted posted 05-31-2011 11:08 Edit Quote
Edit TP: spam removed
khushfehmi045
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Dec 2014

IP logged posted posted 12-10-2014 12:49 Edit Quote

I'm still thinking about it. I recently decided to rebuild my web-folio and I'd really like to do something similar. Of course I will rebuild the code for jQuery and share it here for anyone interested.??
[Edit TP: spam removed]
(Edited by khushfehmi045 on 12-10-2014 12:49)

(Edited by Tyberius Prime on 12-11-2014 09:39)

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Leucadia, California
Insane since: Mar 1994

IP logged posted posted 02-13-2015 01:23 Edit Quote

Hiya MiD AwE! You should know by now that you can take apart anything I've ever done and try putting it back together, that's how learning happens. Most of those sliding toys are dependent on the use of the sin() and cos() functions, you'll always get a nice movement out of a sine wave, very smooth. The 404 LOST pages are even simpler, the trickiest bit was getting the images to tile together. The jParallax thingy seemed cool, but they totally skirted the whole tiling issue! Cheaters.

I should really dig into jQuery - I use it on some of my work stuff here at deepFLING (our whole brick & mortar checkout system is written in jquery), but I had help on that one. It does allow you to do some cool stuff, but I worry that too much dependence on it will distance people from learning how to move things, and why some movements look smooth and some, well, do not.

FWIW, if you're looking for something in Ozone, just keep clicking the logo, it should keep taking you deeper.

Ask me anything! I'm probably yammering on about something else, but I can be directed.

Your pal, -doc-



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu