Avatar of Ed
Ed
Flag for United Kingdom of Great Britain and Northern Ireland asked on

Animated Jpeg?

Hi

I've prodced an animated GIF for my website banner but some of the image quallity is distorted.

What I want to do is use the original jpegs and animated them. I have tried


 This css3 but it doesn not work in opera or most versions of IE



<div id="cf">
	<img class="bottom" src="/tests/images/Stones.jpg" />
	<img class="top" src="/tests/images/Summit.jpg" />
</div>

Open in new window



@keyframes cf3FadeInOut {
	0% {
		opacity:1;
	}
	45% {
		opacity:1;
	}
	55% {
		opacity:0;
	}
	100% {
		opacity:0;
	}
}

#cf3 img.top {
	animation-name: cf3FadeInOut;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 10s;
	animation-direction: alternate;
}

Open in new window



Can anyone suggest a cross browser solution to animate 5 jpegs for a website banner?

Thanks
CSSHTMLJavaScript

Avatar of undefined
Last Comment
Ed

8/22/2022 - Mon
Kyle Hamilton

you'll need javascript if you need cross-browserablity

Would you like a javascript solution?
Ed

ASKER
yes please- it doesn't have to be css
mizziness

jQuery has some really excellent components for doing this.  

http://api.jquery.com/category/effects/

I'd just use this :)
Experts Exchange is like having an extremely knowledgeable team sitting and waiting for your call. Couldn't do my job half as well as I do without it!
James Murphy
Kiran Paul VJ

Try the code mentioned here, you can give the file names in an array.

http://www.computing.net/answers/digitalphoto/can-jpg-or-jpeg-be-animated/1314.html
ASKER CERTIFIED SOLUTION
Kyle Hamilton

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
Ed

ASKER
sorry for the delayed response but I have been ill.

Anyway, back to it now and this solution was perfect, thankyou