Animated GIF question.... « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Flashlight

Animated GIF question....

6 posts from 2 voices

Started 3 months ago by djpz
Latest reply from djpz
This topic is closed
This topic is not a support question

Tags:

djpz
Member

Hello there, been loving the theme...
Just curious on this one... I uploaded an animated gif into a page's image gallery for the background (just to see if it would work).
At first it appeared to only display a still image but upon resizing the browser page with my mouse it shuffles through the animated gif all rapid like. This is very rad, but is it possible to either just display an animated gif as a background or to have this effect controlled by mouse position instead of resizing the browser?

The mouse position thing would be very very cool, hehe.
take care and thanks,
d

Posted 3 months ago #
Ismael
Moderator

Hi d,

Can you post a link to your site? so we can check it further.

Regards,
Ismael

Posted 3 months ago #
djpz
Member

Sure thing.
thanks Ismael.
http://djpz.com

Posted 3 months ago #
djpz
Member

A good thing to note... the browser resize trick seems to only work in safari where as in firefox it just displays a still.

Posted 3 months ago #
Ismael
Moderator
Hello,

A sliderCanvas is covering the real GIF image. This is a bit of a hack and not recommended but it's working in your case. You probably have to maintain a single image for the background because I'm not sure if this is going to work on multiple images. Place this on your custom.css
```
.avia_fullscreen_slider li img {
position: relative;
display: block;
z-index: 9999 !important;
opacity: 1 !important;
width: 100%;
height: 100%;
}

.avia_fullscreen_slider canvas {
display: none;
}
```
The background looks great. :D

Regards,
Ismael
Posted 3 months ago #
djpz
Member

that did it!!!!!!
you are the man!!!!
this opens up the visual end of things oh-so-nicely...
thank you so much for your help...
really....

much appreciated.

Posted 3 months ago #