JavaScript, jQuery och Ajax från noll till Guru

Min videokurs

Videokursen "JavaScript, jQuery och Ajax från noll till Guru" det lär dig att "blåsa liv" i sidorna, vilket gör dem med fantastiska effekter och maximal bekvämlighet för användaren.

Kurs lär dig att skriva skript i JavaScript, liksom utbildad i användningen av biblioteket jQuery och teknik Ajax.

Nästan alla snygg webbplats (med en vacker bildgallerier , reglage, mjuka övergångar och så vidare) använder jQuery. Och nästan alla seriösa webbplats i full användning teknik Ajax, vilket gör arbetet med webbplatsen så bekvämt som möjligt.

Därför kursen "JavaScript jQuery och Ajax från noll till Guru" du behövs bara om du vill skapa en verkligt värdig platser.

Mer..

Skriptet är gallery + bildspel på JavaScript

Skriptet är gallery + bildspel på JavaScript

Beskrivning: Nyligen blev jag ombedd att göra ett galleri skript med ett bildspel i JavaScript. Jag bestämde att skriptet blir många intressanta, användbara och för att lära sig JavaScript - lärorikt.

Resultat: Klicka på en bild i tabellen.

Huvudbild

Bild 1
Bild 1aBild 1bBild 1c
Bild 2
Bild 2aBild 2bBild 2c
Bild 3
Bild 3aBild 3bBild 3c

JavaScript-kod (infoga mellan taggarna <head> och </head>):

<script language = "JavaScript">
  var timer = null;
  var delay = 2000;
  var ar_src = new Array();
  function setBigImageSlide(group) {
    var group = document.getElementById(group);
    var images = group.childNodes;
    var src = new Array();
    var k = 0;
    for (var i = 0; i < images.length; i++) {
       if (images[i] instanceof HTMLImageElement) {
        src[k] = images[i].src;
        k++;
      }
     }
    ar_src = src;
    if (timer != null) clearTimeout(timer);
    imagesSlide(0);
  }
  function imagesSlide(i) {
    var image = document.getElementById("bigimgslide");
    image.src = ar_src[i];
    i++;
    if (i == ar_src.length) i = 0;
    timer = setTimeout("imagesSlide(" + i + ")", delay);
  }
</script>

HTML-kod (infoga mellan taggarna <body> och </body>):

<div>
  <p style = 'text-align: center;'>
    <img id='bigimgslide' src='images/javascript/space_1.jpg' height='150' alt='Huvudbild' />
  </p>
  <table style = 'margin: 0 auto;' border = '1'>
    <tr>
      <td>
        <img src = 'images/javascript/space_1.jpg' width = '100' onclick = 'setBigImageSlide("space")' alt = 'Bild 1' />
        <div id="space">
          <img src = 'images/javascript/space_1.jpg' width = '100' style="display: none;" alt = 'Bild 1a' />
          <img src = 'images/javascript/space_2.jpg' width = '100' style="display: none;" alt = 'Bild 1b' />
          <img src = 'images/javascript/space_3.jpg' width = '100' style="display: none;" alt = 'Bild 1c' />
        </div>
      </td>
      <td>
        <img src='images/javascript/flower_1.jpg' width='100' onclick='setBigImageSlide("flowers")' alt='Bild 2' />
        <div id="flowers">
          <img src='images/javascript/flower_1.jpg' width='100' style="display: none;" alt='Bild 2a' />
          <img src='images/javascript/flower_2.jpg' width='100' style="display: none;" alt='Bild 2b' />
          <img src='images/javascript/flower_3.jpg' width='100' style="display: none;" alt='Bild 2c' />
        </div>
      </td>
      <td>
          <img src='images/javascript/animal_1.jpg' width='100' onclick='setBigImageSlide("animals")' alt='Bild 3' />
        <div id="animals">
          <img src='images/javascript/animal_1.jpg' width='100' style="display: none;" alt='Bild 3a' />
          <img src='images/javascript/animal_2.jpg' width='100' style="display: none;" alt='Bild 3b' />
          <img src='images/javascript/animal_3.jpg' width='100' style="display: none;" alt='Bild 3c' />
        </div>
      </td>
    </tr>
  </table>
</div>

Kopiering av material är endast tillåtet med författaren (Farhod Samatov) och indexeras direkt länk till din webbplats (https://minhtml.se)!

Lägger till mina vänner Linkedin: https://www.linkedin.com/in/farhod-samatov.
Om du vill utvärdera mig och mitt arbete och sedan skriva det i min grupp: https://www.linkedin.com/in/farhod-samatov.

Om du har några frågor, eller om du har en önskan att tala ut om den här artikeln, kan du lämna en kommentar längst ner på sidan.

Rekommendera artikeln till en vän:

Om du gillade platsen, länken till den (på din webbplats, forum, i kontakt)

  1. Textlänk :

    Det ser ut så här: Hur man skapar din webbplats

  2. BB-kod referens för indexet (till exempel kan du lägga den i signaturen):

Kommentarer (0):

För att lägga till en kommentar genom att logga in i systemet.
Om du ännu inte är registrerad på platsen, måste du först registrera.