changes in files1

4 years ago · b6b7c37fcc
3 changed files with 43 additions and 39 deletions
--- a/index.html
+++ b/index.html
@ -1,19 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-
-    
-    <script src="jquery-3.5.1.min.js"></script>
-    <script src="jquery-3.5.1.js"></script>
-    <script src="myScript1.js"></script>
-    
    <link rel="stylesheet" type="text/css" href="mystyle.css">
-   
+    <script src="myScript1.js"></script>
+    <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
+  <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
    <meta charset="UTF-8">
+    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <title>Document</title>
 </head>
 <body>
-    
+    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
+    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+    <script type="text/javascript" src="slick/slick.min.js"></script>
    <div id="black">BLUE</div>
    <div id="white">CUBE</div>
    <div id="CG">Casa Grande</div>
@ -25,13 +24,12 @@
      
 <div id="slider">
    <figure>
-          <img src="../Project/buildings/buildings/1.png" alt="">
-          <img src="../Project/buildings/buildings/2.png" alt="">
-          <img src="../Project/buildings/buildings/3.png" alt="">
-          <img src="../Project/buildings/buildings/4.png" alt="">
-          <img src="../Project/buildings/buildings/5.png" alt="">
+        <img src="../Project/buildings/buildings/1.png"  alt="building">
+        <img src="../Project/buildings/buildings/2.png"  alt="building">
+        <img src="../Project/buildings/buildings/3.png"  alt="building">
+        <img src="../Project/buildings/buildings/4.png"  alt="building">
+        <img src="../Project/buildings/buildings/5.png"  alt="building">
    </figure>
        </div>
-  
 </body>
 </html>
--- a/myScript1.js
+++ b/myScript1.js
@ -1,4 +1,3 @@
-
 window.onload=function()  { 
  var element = document.getElementById("myBar");    
  var width = 1; 
@ -13,4 +12,3 @@ window.onload=function()  {
  } 
 } 

-
--- a/mystyle.css
+++ b/mystyle.css
@ -1,14 +1,22 @@
-
 #slider {
    overflow: hidden;
 }

 #slider figure {
    align-items: center;
-  position: relative;
+    position: absolute;
+    width: 300%;
+    margin: 0;
+    left: 0;
    animation:  slider 5s linear 1s infinite;
 }

+
+#slider figure img {
+    float: left;
+    
+}
+
  @keyframes slider {
    0% {
        left:0;