Comments (4)
I figured it out, I wasn't using the "." before the class and thats why!
But now I can't get it working inside of tabs on my website:
http://traviss-supercool-site-1a61fa.webflow.io/
active/default loading tab is 2, but image is in tab 1
It can display the image for the active tab (2), but the inactive tabs (when they are clicked on), it won't bring the image or the gif up.
Any idea why? might I need to slightly alter the framework code a bit?
Thanks so much for any help chrisantonellis, super job I love the script!
Edit: maybe this has to do with the dependency, the imagesloaded package?
from freezeframe.js.
hey! just responded to your email, but it looks like you caught the issue with the "." before the selector before i responded :) anyways.. gonna look into the issue on your site now
from freezeframe.js.
travis, the example on your site isn't working because the gif cannot have its dimensions read and the canvas can't be written to when they have the css "display: none" property applied. You'll either have to call freezeframe on the image when the tab is first clicked, or figure out another way to hide your tabs
from freezeframe.js.
I responded to your email and thank you so much Chris for your help, great script you wrote :)
from freezeframe.js.
Related Issues (20)
- ReactFreezeframe not working with Server-Side Rendering HOT 5
- Is it possible to play the animation a single time (no loop) ? HOT 1
- Is it possible to have the GIF play and then stopped on trigger? HOT 3
- Is something like this even possible? HOT 1
- Problem with Freezeframe.js inside Bootstrap 5 Modal HOT 1
- Size & color of play button
- No callbacks on trigger:'click' HOT 2
- destroy should completely remove all traces of freezeframe.js from DOM
- freezeframe.js should have a method to refresh calculations of DOM element HOT 1
- freezeframe should have a "ready" event listener HOT 1
- Could not find a declaration file for module 'react-freezeframe'
- Please support WebP format
- Project 'angular-freezeframe' does not exist
- Freezframe Gifs are not resizing in react js HOT 1
- Plugin not recognizing img attributes HOT 1
- Unminified Version
- Unminified Release and dismounting method
- Does it really support Typescript? HOT 1
- GIFS resize to be huge HOT 1
- Static image is blurry on high device pixel ratio screens. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from freezeframe.js.