Giter Site home page Giter Site logo

Comments (4)

phaze3131 avatar phaze3131 commented on June 2, 2024

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.

chrisantonellis avatar chrisantonellis commented on June 2, 2024

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.

chrisantonellis avatar chrisantonellis commented on June 2, 2024

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.

phaze3131 avatar phaze3131 commented on June 2, 2024

I responded to your email and thank you so much Chris for your help, great script you wrote :)

from freezeframe.js.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.