Lab 6: Rollover

      In this lab, we have to create three types of rollover images: Javascript rollover, HTML rollover, and a rollover created with an Adobe software. This lab needs a separate JavaScript, HTML, and CSS document. All files need complete documentation comments. The HTML should not contain any JavaScript or Style, and the CSS should work properly and enhance the look of the site. The JavaScript shouldn't have any errors. Placing the mouse cursor over a JavaScript image should display the image in full size on top of the table.

      I created Adobe software rollover with Flash CS6 at first because I used it last year and I'm familiar and comfortable using it. It is also the one that takes the least amount of time for me to create. But a problem was going on to the server that I am uploading to so I had to use Thimber to display my lab. But Thimber has a limit for the size of the files that is uploaded to it, and since I create this rollover with Flash, it's swf file that is quit large, so I recreated it in PhotoShop CS6. Then I create the HTML version with the code:

<img src="image1"
         onmouseover="this.src='image2';"

         onmouseout="this.src='image1';"/>,

so when the image would change when you hover over it. Last, to do the JavaScript version of the rollover, I simply copied the code from the teacher without totally understanding the code. I know it's not good, but I'm very busy lately...

https://thimbleprojects.org/jh19tommy2/134557/