image disolve

  • Thread starter Thread starter ron
  • Start date Start date
R

ron

Anyone have any experience making images disolve into one another or can
point me indirection of where information might be? In this case have 4
images that I would like to have first disolve into next until all four
have appeared and have each hold on screen for a set time (5-6 seconds)
before next one starts.

My many FP books don't address this
 
It's not a FrontPage issue. It's an HTML issue. What you would need to do is
one of the following:

1. Use an animated GIF to do the dissolve
2. Use a client-side SWF, Java applet or ActiveX control that performs this.

--
HTH,
Kevin Spencer
..Net Developer
Microsoft MVP
Big things are made up
of lots of little things.
 
HTML doesn't really have anything for this, which is why the books don't
discuss it. Your best bet is to get the images into flash, which would let
you do a simple dissolve just by reducing the opacity on one image while
increasing the opacity on the next. There may be some cheaper alternatives
than Macromedia Flash that will also create Flash animations for you. Swish
(http://www.swishzone.com/) may be able to do it though I haven't played
with it in years.

Hope this helps,
Mark Fitzpatrick
Microsoft MVP - FrontPage
 
Look at www.dynamicdrive.com It's probably best to avoid Java Applets or
ActiveX ... some are not supported by IE (and many turn thise off). You need
to either accomplish this with an animated gif or a javascript.
Eleanor
 
here's some code I use on my sites to do this. As previous poster
mentioned filters only works on IE. For a neat display make sure your
pics are same size. (350x 250 in my case).

Here it is in action: http://ponce.dadeschools.net

Include in body:

<body onload="doTrans(1,2)" ....>

Image tag:

<img id="theImg" name="theImg" src="/images/pic1.jpg"
style="filter:progid:DXImageTransform.Microsoft.Fade(Duration=2)"
width="350" height="250">

Function:

<script LANGUAGE="JavaScript">
function doTrans(p1,p2)
{
theImg = document.all("theImg");

//if (browseris.verIEFull < 5.5) return;

var sInitialSRC="/images/pic"+p1+".jpg";
var sFinalSRC="/images/pic"+p2+".jpg";
var iDelay = 5000;

theImg.filters.item(0).Apply();
theImg.src=sFinalSRC;
sFinalSRC=sInitialSRC;
sInitialSRC=theImg.src;
theImg.filters.item(0).Play();


if (p1==4) setTimeout("doTrans('5','1')", iDelay);
if (p1==5) setTimeout("doTrans('1','2')", iDelay);
if (p1==1) setTimeout("doTrans('2','3')", iDelay);
if (p1==2) setTimeout("doTrans('3','4')", iDelay);
if (p1==3) setTimeout("doTrans('4','5')", iDelay);

}
</script>
 
Ron,

Have a look at the thread a few before this one entitled 'Slideshow and
Opera'....You can also view my link to see if this is what you would like to
accomplish...The script is easy to use, and functions quite well in IE...the
transitions do not function in Netscape or Opera, but the slideshow still
works...

Good Luck,
Jack
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

repeating images?? 1
Images disappear when ftp'd 1
Windows 10 Activate windows now message 3
Overlap image and table cells 1
How do I add a simple 3 image slideshow into my FrontPage page? 4
FP 2003 error "image file format is unsupported" 13
The Last of Us - Part I (PC) 6
System Images - General Plan 15

Back
Top