jquery - HTML best practice to animate and fallback -


I have to do some animation in a homepage on Apple's iPhone homepage

I am quite simple, for some div (with some fade), stay a few seconds, slide out and some left to the same effect in the lower device.

I'm planning to do JQuery Use () since I am using jQuery for almost everything in the site, but I have some doubts:

  1. What is the most to animate the objects in jQuery Good way I have also considered using CSS3 transitions, but I think that is not more consistent with such modern browsers like jQuery (cough ... cough ...)

  2. What will be the event of fire animation? How can I ensure that the image is loaded before animating the image?

  3. The initial state of the elements will be 0% ambiguity, so I get them 100%. If someone has javascript turned off or there is an error in the page and the animation function has not been run, the elements will remain invisible for them. If the initial state has to have 100% opacity and then change it to convert it to 0%, if it is not turned by code by 0% before the element is displayed. Can i stop it

  4. What is the best way to do animation time? After $ (element). Dele (n), n is the time when going into the previous elements, showing and going out does not seem right.

    I know that all this can probably be covered elsewhere. If there is a good article or tutorial how to achieve it, then point me towards it Thank you.

    Creating a custom slider takes more time than before. I would recommend leaving a plugin or another jQuery slider out there. You can choose your transition and duration to get the desired transition.

    If you really want to create, then I will definitely go for jQuery.

    1. If you are right about compatibility, jQuery is better in that regard, CSS3.

    2. I would go for a JavaScript interval here Take a look:

    3. If the user has javascript turned off , Then your slides will not even be animate. To stop the blink, you should change opacity before starting the animation.

      You should keep an eye on docs for more information

Comments

Popular posts from this blog

Python SQLAlchemy:AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

java - How not to audit a join table and related entities using Hibernate Envers? -

mongodb - CakePHP paginator ignoring order, but only for certain values -