Search jQuery

jQuery Forum

make animated gifs restart each time they appear in a slideshow

in Using jQuery • 11 years ago

Hi I'm pretty new to all of this. I've got a slideshow which has animated gifs in it. But the timing goes out after a few slides. I need to find out how to get each gif to restart when it is shown but without having to re download the image each time. The website address is below, the slide show is just below the body text. Any help would be
really great.

http://www.u-bute.com.au/index_new.php

Replies(4)

charlietfl

Re: make animated gifs restart each time they appear in a slideshow

11 years ago

you can't control the gif . If you converted your images to jpg or png and made separate "caption" images which animated into place on image change you would cut file size of images down probably 75-80% and be able to control the captions from the slide change event

EDIT: caption images would not work as jpg as they would need to have transparent background

luke_hon

Re: make animated gifs restart each time they appear in a slideshow

11 years ago

thanks for that, do you know of any examples or tutorials where this has been done?

charlietfl

Re: make animated gifs restart each time they appear in a slideshow

11 years ago

looking closer at script on your slideshow it is extremely basic... it works to transition images as designed but doesn't do anything more

More advanced scripts provide callbacks for various events that allow you to add extra code to make things you want happen

A simple example is changing a slide counter when slide changes

One of the most widely used jQuery slideshow plugins is cycle. It offers developer access to the internal events most notably an event before image changes and another after image changes, among many other user definable options

If you were to implement cycle you would create extra containers for your caption images and add animation code on the before event callback to slide out the visible caption, and on the after event callback ( when new image visible) animate in a new caption image

Here's a very basic demo but should be enough to get you started

http://jsfiddle.net/GqwcT/2/

luke_hon

Re: make animated gifs restart each time they appear in a slideshow

11 years ago

That's great thank you, If I can get pngs to work with this then it's exactly what I need. Thanks again.

Top Reply

Response title

Attachments

jQuery Forum

make animated gifs restart each time they appear in a slideshow

Replies(4)

Re: make animated gifs restart each time they appear in a slideshow

Re: make animated gifs restart each time they appear in a slideshow

Re: make animated gifs restart each time they appear in a slideshow

Re: make animated gifs restart each time they appear in a slideshow

Statistics

Tags

Actions