กระทู้ล่าสุดของ: nine2nine

อยากทำเป็นแบบใส่ตัวเลข แบบว่าจะเอาไปดัดแปลงประมูลสินค้าครับ ไม่รู้ว่าได้ไหม ขอความกรุณาท่านที่เก่งเรื่องนี้ช่วยแปลงให้หน่อยได้ไหมครับ จะขอบคุณเป็นอย่างสูง Cry

<!doctype html>
<html lang="en">
<head>
   <meta charset="utf-8">
   <title>Facebook Reaction Poll</title>
   <link href="https://fonts.googleapis.com/css?family=Lato:300,700

|Oswald:300" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/a...malize/5.0.0/normalize.min.css

">
   <style>

* {
   margin: 0;
   padding: 0;
   border: 0;
   box-sizing: border-box;
}

html {
   position: relative;
   font-size: 16px;
}

body {
   margin: 0;
   padding: 0;
   font-size: 100%;
   text-align: center;
   font-family: sans-serif;
}

.container {
   position: absolute;
   top: 0;
   left: 0;
   width: 640px;
   height: 360px;
   background-color: #f44336;
      background-image: url('images/maxresdefault.jpg');
      background-repeat: no-repeat;
   background-size: 100%;
   overflow: hidden;
}

.title {
   font-family: 'Oswald', sans-serif;
   font-weight: 300;
   color: #fff;
   text-transform: uppercase;
}

.subtitle {
   font-family: 'Lato', sans-serif;
   font-weight: 600;
   color: #fff;
   margin: 0.5rem 0 1rem;
}

.footer {
   font-family: 'Lato', sans-serif;
   font-weight: 300;
   color: #fff;
   margin: 1rem 0;
}

img {
   max-width: 100%;
   height: auto;
   opacity: 0.8;
   display: block;
}

.options {
   overflow: hidden;
}

.options section {
   width: 50%;
   float: left;
   position: relative;
}

.thumb {
   width: 80%;
   border-radius: 50%;
   overflow: hidden;
   margin: 0 auto;
   border: 0.3125rem solid rgba(255, 255, 255, 0.5);
   text-align: center;
}

.thumb {
   width: 50%;
}

.counter {
   width: 80%;
   margin: 0 auto;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
   background-size: 100%;
   background-repeat: no-repeat;
   height: 3rem;
}

.counter {
   width: 50%;
}

.counter-like {
   background-image: url('images/like.png');
}
.counter-love {
   background-image: url('images/love.png');
}
.counter-haha {
   background-image: url('images/haha.png');
}
.counter-wow {
   background-image: url('images/wow.png');
}
.counter-sad {
   background-image: url('images/sad.png');
}
.counter-angry {
   background-image: url('images/angry.png');
}

.counter p {
   position: absolute;
   width: 100%;
   top: 50%;
   transform: translateY(-50%);
   color: #fff;
   font-family: 'Lato', sans-serif;
}

</style></head>

<body>
   <div class="container">

      <h1 class="title">เทส</h1>

      <h2 class="subtitle">เทส</h2>
      <div class="options">
                  <section>
            <div class="thumb">
               <img src="images/download.jpg" alt="">
            </div>
            <div class="counter counter-like">
               <p id="like">0</p>
            </div>
         </section>
                  <section>
            <div class="thumb">
               <img src="images/34ihissk3n.jpg" alt="">
            </div>
            <div class="counter counter-love">
               <p id="love">0</p>
            </div>
         </section>
               </div>


      <h3 class="footer">เทส</h3>   </div>

      <script src="https://code.jquery.com/jquery-3.1.1.min.js

"></script>
   <script>
   $(document).ready(function(){

      /** Script Settings **/
      var accessToken = 'PUT_YOUR_ACCESS_TOKEN_HERE',
      postID = 'PUT_YOUR_POST_ID_HERE';

      /** Do not change anything below this **/
      var url,
      fields = '',
      shareCounter = false;

      function updateCounter() {
         $.getJSON(url, function(response){
                        $('#like').text(response.reaction_like.summary.total_count);
                        $('#love').text(response.reaction_love.summary.total_count);

                     })
         .fail(function(data){
            response = JSON.parse(data.responseText);
            alert('Error: ' response.error.message);
            clearInterval(interval);
         });
      }

      function generateURL() {
         url = 'https://graph.facebook.com/v2.8/

' postID '?fields=from,' fields;

                  url ='reactions.type(LIKE).limit(0).summary(total_count).as(reaction_like),';
                  url ='reactions.type(LOVE).limit(0).summary(total_count).as(reaction_love),';

         url = url.substring(0, url.length - 1);
         url = '&access_token=' accessToken;
      }
      generateURL();
      updateCounter();
      var interval = setInterval(updateCounter, 5000);
   });
</script>   </body>
</html>