473,706 Members | 2,651 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 1584
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.javas cript 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.javas cript 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**********@gm ail.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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
1896
by: SK | last post by:
Hello group, I happened to check the review of C++ Templates & Tools (By Scott Robert Ladd) at http://accu.org. The book is in the "Not recommended" category. I will like to hear if you anyone else here had a chance to go through the book and if there is anything useful I could grab from the book. Hoping for a healthy criticism of the book.
383
12126
by: John Bailo | last post by:
The war of the OSes was won a long time ago. Unix has always been, and will continue to be, the Server OS in the form of Linux. Microsoft struggled mightily to win that battle -- creating a poor man's DBMS, a broken email server and various other /application/ servers to try and crack the Internet and IS markets. In the case where they didn't spend their own money to get companies to
5
1968
by: Roshan | last post by:
This is regarding the article titled "C++ & Double-Checked Locking" by Scott Meyers and Andrei in DDJ July 2004 issue. I think the reasoning in this article is fundamentally flawed due the authors mixing up a couple of concepts (observable behavior & side effects) that are defined separately in the standard. Background: In the following statement... class Singelton {
2
2252
by: Diffident | last post by:
Hello All, I just finished reading an interesting article by Scott about App Domains: http://odetocode.com/Articles/305.aspx Scott, I have a question about the section "Shadow Copies and Restarts". You talked about "Drain Stopped" and "Shadow Copy" concepts in this article. I maintain a web application which is in production. Every morning the way we build the project is using Visual Studio's IDE to use "Build -> Build<proj-name>"...
11
1488
by: rbhlgjwbvi | last post by:
There seems to be a bug in the forum that it won't let you reply to topics older than 60 days :( Anyway, there's this interesting exchange from 29 Oct 1999: Lawrence Kirby writes: Time has proved one of these men a prophet! C99 is the embodiment of a lame duck.
0
817
by: Fran Duffy | last post by:
I am looking for a friend of mine that I havent seen in a long time. If you are Scott that went to Glassboro as a music major, please send me an Email: Fran Duffy at: Blockrockin@verizon.net. If you are not that Scott, disregard, and sorry to take up your time. Thanks Fran Duffy
2
1030
by: clintonG | last post by:
http://aspadvice.com/blogs/ssmith/archive/2008/02/16/Scott-Guthrie-Promoted-to-Corporate-Vice-President.aspx
6
1625
by: WT | last post by:
Hello, Using url rewritting and ajax.net, I tried to circumvent some potential problems with postback url using a code from a sample given by Scott. The idea is to use a control Adapter on htmlform to catch the attribute 'action' wich contains the url where the post will occur and replace it with a safe url. Unfortunately, it doesn't works, does something has changed with framework 3.5 used by vs2008 ? From the trace I put inside I can...
0
8772
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8692
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9276
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
7895
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6607
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4705
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3140
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
2493
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2084
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.