maanantai 16. syyskuuta 2013

kuvia

Tehtävänä oli tehdä jqueryllä peli missä on grafiikkaa (kuvia). En kuitenkaan keksinyt peliä niin tein itse ottamistani valokuvista sliderin, missä nappia painamalla kuva vaihtuu.

käytin http://www.slidesjs.com scriptiä normaalin jquery scriptin lisäksi.

Sivu on testattavissa TÄÄLLÄ
  • Heikki Mitikka
  • Status : toimii
<!doctype html>
<head>
  <style>
    #slides {
      display:none;
    }
  </style>

            <link rel="stylesheet" href="js/jquery.mobile-1.3.2.min.css" />
   
            <script src="js/jquery-2.0.3.min.js"></script>
            <script src="js/jquery.slides.min.js"></script>

  <script>
    $(function(){
      $("#slides").slidesjs({
        width: 400,
        height: 200
      });
    });
   
    $(function(){
  $("#slides").slidesjs({
    navigation: {
      active: true, 
      effect: "slide"
    }
  });
});
  </script>
</head>
<body>
  <div id="slides">
    <img src="kuvat/1.jpg">
    <img src="kuvat/2.jpg">
    <img src="kuvat/3.jpg">
    <img src="kuvat/4.jpg">
    <img src="kuvat/5.jpg">
  </div>
</body>

Ei kommentteja:

Lähetä kommentti