 |
Web design & animation
|
 |
Roll over text below to change JPEG image; click text for animated GIF: IE5.2 MAC does not properly advance frames in animated GIFs. Frames with duration shorter than 1 or 2 seconds pile up over each other. Those files will, therefore, have to be redone. |
|
|
Here's what we've been doing lately at SUNY/FIT: quick, rough charcoal sketches on newsprint paper. Hastily colorized in Photoshop for display here . . . not the best illustration samples. But, at this point, our primary concern is updating site and merely demonstrating different JavaScript and/or CSS methods to display images (artwork or photos) without depending on a Flash player downloading. See also IL126 watercolor comps. Ah, yes! We're still struggling with the “blue problem.” For alternate approaches, see increment.html and newRolls.html. |
||
Back to Top of Page |
Your computer shows today is . ENJOY! Ahem, excuse us! If you can see this message, your browser is not CSS2 complaint. This site looks better in browsers that support Web standards. |
Back to Top of Page |
- We had JavaScript from http://www.hypergurl.com/randomimage.html to randomly load different image
each time page was visited. But it slowed page downloading too much and was same effect as rolling over text links above. - Note for JavaScript rollovers:
- When images and their path ('src') are pre-defined in script,
— e.g., <script> sig1=new Image(); sig1.src="sigOut.jpg"; sig2=new Image(); sig2.src="sigOver.gif"; </script> —
reference to image “proxies” thus pre-defined are not 'quoted' as string literals in link:
<a href="#nogo" onClick="document.images['sig'].src=sig2.src"> <img src="sigOut.jpg" name="sig" alt="rollover image" > </a> - But, when images and their src/path are NOT pre-defined in
a <script> for pre-loading,
the direct reference to their name and path need to be 'quoted' as string literals:
<a href="#nogo" onMouseOver="document.images['holder'].src='143/IL143.jpg'" onClick="document.images['holder'].src='IL143.gif'">143/IL143</a>