Scrolling Webpage Image
( Computer users will not be able to "see" this effect
unless they download the WebTV Viewer . )
1. Resize a transparent gif or colored gif, or any background image, to a width of 560 and to any height equal to or greater than the desired image to be scrolled.
2. Composite the image you want to scroll across the screen onto the re-sized transparent gif (colored gif or background image), to any horizontal and vertical postion desired, using the composite pararmeter settings at Image Magick.
3. Transload the composited image to your website.
4. Use the composited image's url in the body tag as a background, and use the xspeed attribute (a webtv-only attribute) to make it "scroll" across the screen, and use the novtilebg attribute to prevent it from repeating/tiling on the webpage, such as:<<>body bgcolor="#00008b" background="supermanbg.gif" text="#ffff00" link="#f5deb3" vlink="#ffffff" xspeed="-150" novtilebg>
5. You can also use yspeed to make the image "scroll" vertically; or use both---xspeed and yspeed to have the image "scroll" diagonally.6. Positive and negative numbers can be used for different effects with the xspeed and yspeed attributes.
You can resize and composite images using
Image Magick
http://magick.net4tv.com/MagickStudio/scripts/advanced.cgi/
Image Magick Tutorial for resizing and compositing images
http://transload.net/~tyhart/im/index1.html
And here's a transparent gif you can transload, resize, and use:
http://geocities.datacellar.net/williamandx/photos/transgif.gif
Note: I resized the transparent gif to 560x400! for this demonstration; then composited an image onto it, using the "west" location at Image Magick.
The variations are endless---including different images, composited onto one transparent gif, in different locations.
And if you want the scrolling image to appear on more than one place on the webpage, do not use the novtilebg attribute in the body tag.
NOTE: The "scrolling image" will work on a webpage for either a plus or classic unit; but it will not currently work in e-mail.Top of page
some other codesAnd here is another method for a scrolling image:
http://s91440092.onlinehome.us/tytutes/marquee_image.html
