JQuery
For this lab, you will be adapting a JQuery effect for use with another page. The effect is called InnerFade. Here is a small demo page using this effect. Your job is to take a new page and apply the same JQuery effects to it. Here is the page we will be using. Your job is to make it display only one ad at a time, and slide between them.
Begin by making local copies of all the required files (HTML, CSS, JavaScript) plus the barn images. Add links to them from the new file. Make sure that your local copy of the page looks ok in the browser before going any further.
First add the links to the appropriate JQuery files (base & package scripts, plus package CSS). Next, in your own script you need to add the call to start the JQuery effect. It will be similar to the one in the demo page, but you will have to change the selector. You may also want to modify the animation type, speed, element height, etc. Can you find a way to keep the size of the box constant regardless of the amount of content within? (Hint: look at the original InnerFade documentation, linked above.)