469,342 Members | 5,647 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,342 developers. It's quick & easy.

How to do what Scott Schiller does

I am very new to javascript. Basically I could use some guidance on
how to replicate what Scott Schiller does with the animation on his
website (http://www.schillmania.com). I want my website to do the
sliding photo and photo-shade effect. I'd appreciate any help anyone
can give me. Thanks!

Jun 5 '06 #1
5 1490
sc************@gmail.com said the following on 6/4/2006 9:03 PM:
I am very new to javascript. Basically I could use some guidance on
how to replicate what Scott Schiller does with the animation on his
website (http://www.schillmania.com). I want my website to do the
sliding photo and photo-shade effect. I'd appreciate any help anyone
can give me. Thanks!


Right click> View source.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Jun 5 '06 #2
Maybe I should calrify: I'm new to JAVASCRIPT. I've been coding CSS
and HTML for years, however javascript has been mostly cut-and-paste
for me.

Thank you for your suggestion, however I have already been studying the
code for weeks. Any REAL help would be appreciated. Thank you.

-Tim

Randy Webb wrote:
sc************@gmail.com said the following on 6/4/2006 9:03 PM:
I am very new to javascript. Basically I could use some guidance on
how to replicate what Scott Schiller does with the animation on his
website (http://www.schillmania.com). I want my website to do the
sliding photo and photo-shade effect. I'd appreciate any help anyone
can give me. Thanks!


Right click> View source.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/


Jun 5 '06 #3
sc************@gmail.com wrote:
Maybe I should calrify: I'm new to JAVASCRIPT. I've been coding CSS
and HTML for years, however javascript has been mostly cut-and-paste
for me.

Thank you for your suggestion, however I have already been studying the
code for weeks. Any REAL help would be appreciated. Thank you.


I think Randy's comment was pointing out that there is no simple answer
and that is a lot to ask for here. If you have been programming valid
HTML and CSS for years you are in a good position to start learning
about JavaScript. Buy javascript: The Definitive Guide by David
Flanagan from O'Reilly and start learning the basics. Learning
JavaScript is a big task. It is a bit of strange language if you are
used to C++, Java or Ruby class-based inheritance.

Someone might suggest you use www.script.aculo.us to achieve your goal.
This library depends on Prototype.js which would be very confusing for
you to learn if you don't know Ruby. It is also considered a bad choice
here.

http://www.javascripttoolbox.com/bes....php#prototype

I'd recommend that _after_ reading the Flanagan book you check out the
Yahoo! UI animation library

http://developer.yahoo.com/yui/animation/

I haven't used it but other parts of the Yahoo! UI library are good.

Also for after reading the book, the best link I have found about
JavaScript is

http://kevlindev.com/tutorials/javas...ance/index.htm

Good luck,
Peter

Jun 5 '06 #4
Thanks Peter,

All I want to do is replicate the motion of the initial photo (it
slides north on the page) and the animation of the shade (when the
toggle is clicked it slides down to reveal the entire photo. Certainly
someone can help me.

In the meantime I'll take a look at the Yahoo! UI and the tutorial.
Thanks a lot for the suggestions.

-Tim
pe**********@gmail.com wrote:
sc************@gmail.com wrote:
Maybe I should calrify: I'm new to JAVASCRIPT. I've been coding CSS
and HTML for years, however javascript has been mostly cut-and-paste
for me.

Thank you for your suggestion, however I have already been studying the
code for weeks. Any REAL help would be appreciated. Thank you.


I think Randy's comment was pointing out that there is no simple answer
and that is a lot to ask for here. If you have been programming valid
HTML and CSS for years you are in a good position to start learning
about JavaScript. Buy javascript: The Definitive Guide by David
Flanagan from O'Reilly and start learning the basics. Learning
JavaScript is a big task. It is a bit of strange language if you are
used to C++, Java or Ruby class-based inheritance.

Someone might suggest you use www.script.aculo.us to achieve your goal.
This library depends on Prototype.js which would be very confusing for
you to learn if you don't know Ruby. It is also considered a bad choice
here.

http://www.javascripttoolbox.com/bes....php#prototype

I'd recommend that _after_ reading the Flanagan book you check out the
Yahoo! UI animation library

http://developer.yahoo.com/yui/animation/

I haven't used it but other parts of the Yahoo! UI library are good.

Also for after reading the book, the best link I have found about
JavaScript is

http://kevlindev.com/tutorials/javas...ance/index.htm

Good luck,
Peter


Jun 6 '06 #5
sc************@gmail.com wrote:

All I want to do is replicate the motion of the initial photo (it
slides north on the page) and the animation of the shade (when the
toggle is clicked it slides down to reveal the entire photo. Certainly
someone can help me.
I doubt someone is going to write code for you. You'll have to try
first.
In the meantime I'll take a look at the Yahoo! UI and the tutorial.


The Yahoo! UI libray will not make what you want happen in one line of
code. You'll have to dig in and learn some JavaScript. After you have
tried to code it yourself and then if you have questions about the
Yahoo! UI library the best place to ask is that mailing list

http://developer.yahoo.com/yui/#support

Good luck

Peter

Jun 6 '06 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

11 posts views Thread by rbhlgjwbvi | last post: by
reply views Thread by Fran Duffy | last post: by
2 posts views Thread by clintonG | last post: by
1 post views Thread by CARIGAR | last post: by
reply views Thread by suresh191 | last post: by
1 post views Thread by Marylou17 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.