Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us















Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


RealPix: Examples

February 1, 1999

In our example from the last article we had a number of graphics which transitioned through a series of wipes. This file was called wdvl.rp. In this article I'll show you how to create an alternative wdvl.rp file that includes some more of the possible transitions, wipes and fades that are available in RealPix. Simply substitute this wdvl.rp file for the one given in the last article and you should see some new transitions between the graphics. We'll continue to use the same graphics files that we used in the first example. The graphics we used are three stand-in headline graphics:

In our example we'll use each of the different transitions, wipes and fades that we talked about above. This may not make for the prettiest slide show, but it gives you an idea of the possibilities. Here is the code you should use for this new wdvl.smi .

<imfl>

<head

width		= "160"

height		= "120"

start		= "0"

duration   	= "20"

timeformat	= "dd:hh:mm:ss.xyz"

bitrate		= "12000"

url		= "http://www.wdvl.com"/>

<image handle	= "1" name="headline1.jpg"/>

<image handle	= "2" name="headline2.jpg"/>

<image handle	= "3" name="headline3.jpg"/>

<fill start	= "0" color="blue"/>

<fadein start   	= "4"
	duration	= "3"
	target   	= "1"/>

<wipe type      	= "push"
	direction	= "right"
	start   	= "3"
	duration 	= "2"
	target  	= "1"/>

<crossfade start 	= "8"
	duration	= "2"
	target   	= "2"/>

<wipe type      	= "push"
	direction	= "left"
	start   	= "13"
	duration	= "2"
	target  	= "3"/>

<fadeout start   	= "18"
	duration	= "2"
	color   	= "blue"/>

</imfl>

RealPix: The <fill/> Tag
RealPix: The SMIL Graphics Format
RealPix: Conclusion


Up to => Home / Authoring / Languages / XML / SMIL / RealPix




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers