InLab for February 7, 2012


1. Find two distinct pictures, call them 'a.jpg' and 'b.jpg' (you can call them whatever you like, a and b are for my convenience)


2. Create an array that contains the following:
  pics[0] = "<img src='" + a.jpg + "' height='25' width='25' alt='a.jpg' />"
  pics[1] = "<img src='" + b.jpg + "' height='25' width='25' alt='b.jpg' />"
  
  
3. Ask the user how many rows and columns he would like.


4. Display the images using the strings in pics[] in the number of rows and columns requested.
Use innerHTML to change the HTML of a div that will hold the displayed pictures.
The even rows should have the image a.jpg, the odd rows should have the image b.jpg

Remember:  if( x % 2 == 0)  then x is even, otherwise x is odd.


5. Publish this lab to your website. 

Demo to Tao or to Sai, show your source.



6. Want some extra credit?  Display the two images in  a checkerboard pattern.