Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other Ways to show video (or really moving images on a site) Re: Ways to show video (or really moving images on a site)

#126536
pixelgrid
Participant

For your image sequence i would use css animations with a javascript fallback

.photoContainer{
background:url(‘/path/to/you/image’);
height:50px;/*size of your image*/
width:50px;
animation:play .5s linear steps(20);
}

@keyframes play{
100% { background-position: -1000px; }
}

in the above code the animation declaration sets the nr of photos in the sequence to 20(steps(20))
the photos will be shown every half a second(.5s) .
You will have to set the container width and height to match those of your photos also the (100% { background-position: -1000px; }) to match the starting x position of your last photo.
so 20 photos times 50px 1000px.
hope it helps