Я хотел бы написать код для анимации увеличения изображения при прокрутке своего сайта SharePoint.
Я написал приведенный ниже код, но он работает с Chrome, но не работает с IE.
<!DOCTYPE html> <html> <head> <title>wow</title> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.3.0/animate.css"> <script language="javascript" type="text/javascript" src="js/wow.min.js"> </script> <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script language="javascript" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"> </script> <script language="javascript" type="text/javascript" src="https://gist.github.com/susi917/13cc28a396418b1554efeb2929b0cc6a.js"> </script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.3.0/animate.css"> <script language="javascript" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script> <script language="javascript" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script> </head> <body> <style type="text/css"> .blob-wrapper{display: none;} .data{display: none;} .type-javascript{display: none;} .gist-meta{display: none;} </style> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"><hr> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"><hr> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"><hr> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"><hr> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"><hr> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"><hr> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"><hr> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"><hr> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"><hr> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"><hr> <img style="visibility: hidden!important;animation-name: zoomIn!important;" src="httPs://Wowjs.uk/img/wow-8.giF" class="wow zoomIn"> <script> $(function(){new WOW().init();}); </script> </body> </html>