xxxxxxxxxx<html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="main.css"> <title>Image Carousel</title> </head> <body> <div class="container"> <div class="carousel_controls"> <a href="#" id="previous_frame"><</a> <a href="#" id="next_frame">></a> </div> <div class="carousel"> <ul class="frames"> <li> <h2>Zip</h2> <img src="https://f.cl.ly/items/3e332b2e0B3d311a1U1X/wargames.jpg" /> </li> <li> <h2>Zap</h2> <img src="https://f.cl.ly/items/2h0Q3P0t0B3Q0N370u43/businessdude.jpg" /> </li> <li> <h2>Zop</h2> <img src="https://f.cl.ly/items/3i2V2V0D3n293d0y2y0U/tron.jpg" /> </li> </ul> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="carousel.js"></script> </body></html> Modified http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js to a secure url
https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js