jeter20131220 3 years ago
parent
commit
49e3cbf382
5 changed files with 25 additions and 18 deletions
  1. 17 10
      goto.js
  2. 8 0
      index.html
  3. 0 4
      style.css
  4. 0 0
      style.css.map
  5. 0 4
      style.scss

+ 17 - 10
goto.js

@@ -14,16 +14,23 @@
 
 // jquery
 
-$.ajax('http://172.105.205.52:8000/tags', {
-    type: 'GET',  // http method
-    success: function (res) {
-        console.log(res);
-    },
-    error: function (err) {
-        console.log(err);
-    }
-});
+// $.ajax('http://172.105.205.52:8000/tags', {
+//     type: 'GET',  // http method
+//     success: function (res) {
+//         console.log(res);
+//     },
+//     error: function (err) {
+//         console.log(err);
+//     }
+// });
 
 // $.get("date-time.php", function(data){
 //     console.log(res);
-// });
+// });
+
+$(".slider1").slick({
+    dots:true,
+    dotsClass:'slick-dots',
+    speed:1000, 
+   
+  });

+ 8 - 0
index.html

@@ -7,12 +7,19 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>opentalk</title>
 
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
+    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
     <link rel="stylesheet" href="./style.css">
 </head>
 
 <body>
     <section id="banner">
+        <div class="slider1">
+            <img src="https://fakeimg.pl/1650x600" alt="">
+            <img src="https://fakeimg.pl/1650x600" alt="">
+            <img src="https://fakeimg.pl/1650x600" alt="">
 
+        </div>
     </section>
     <hr>
     <section class="marquee">
@@ -113,6 +120,7 @@
 
     <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
     <script src="./goto.js"></script>
 </body>
 

+ 0 - 4
style.css

@@ -16,10 +16,6 @@ body hr {
 #banner {
   width: 100vw;
   height: 500px;
-  background-image: url("https://fakeimg.pl/1650x600/");
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: 40% 50%;
 }
 
 .marquee {

File diff suppressed because it is too large
+ 0 - 0
style.css.map


+ 0 - 4
style.scss

@@ -13,10 +13,6 @@ body {
 #banner {
     width: 100vw;
     height: 500px;
-    background-image: url("https://fakeimg.pl/1650x600/");
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: 40% 50%;
 }
 .marquee {
     margin: 100px auto;

Some files were not shown because too many files changed in this diff