Gif Animation Preview

[mistahtea]

Hello!

I am trying to add an animated gif to my page that only plays when the user clicks on it using Gif Animation Preview plugin. https://wordpress.org/plugins/gif-animation-preview/

I tried adding the full size gif using visual composer single image and then through the text block method (standard wp posting). The plugin works on the text block method but isn’t responsive as you can see in this screen capture https://www.dropbox.com/s/cytblibgpio8j35/Test%20page%203.png?dl=0

How can I make the gif that has Gif Animation Preview style applied and have it be responsive?

Would really appreciate your help! Thanks.

http://t2.studiofoursixfour.com/portfolio_page/test-page-3/

pw: 5150

[Senff]

+1 for Van Halen password!

To fix the issue that the image becomes too large, you may want to add this to your CSS:

.gapplayer-wrapper {
   max-width:100%;
}

However, full responsiveness of the image is blocked by the fact that the plugin assigns a specific width and height to the image. I’m sure there’s a good reason for that (the height of the image has something to do with it, I believe), so I would suggest checking with the plugin author.

EDIT: I see you already did that :)

[mistahtea]

Thanks Senff! Almost there. https://www.dropbox.com/s/vks1alu5g0if80i/Test%20page%203.1.png?dl=0

Now, how can I also position the play button with “GIF” label in the center of the paused frame?

Thanks again for your help!!

[Author]

Posts