Design Studio Free Stuff Free Themes

Free Full JavaScript Animated Template for Web Design Studio

4.5/5 (4)

What if you have run out of inspiration and have any ideas about how your design should look like to get a feedback from your customers? How would you act in this case?

One and perhaps one of the correct ideas is to turn to the premium solutions that can be a good starting point for your effective designs. You are welcome to check out one of them that is presented by the professional designers from TemplateMonster - Free Full JavaScript Animated Template for Web Design Studio.



This theme is perfectly tailored for your web design studio, but can be easily customized for any related topic. When crafting the successful online project, you should take care of its design and user-friendliness. All these must-have points are taken into account in this free theme. Speaking about its design, it should be mentioned that it’s done in pure JavaScript that means that it looks like a Flash site with the stunning animation, but this effect is done with JavaScript. It allows you to present your works and business ideas in the catchy manner and draw the visitors' attention to your projects.

Free Full JavaScript Animated Template for Web Design Studio:

* * *

Live Demo Download

  • resellercloud

    thanks nice collections…

    • Gomez

      function $(id)
      {
          return document.getElementById(id);
      }

      var fileNames = [“1.jpg”, “2.jpg”, “3.jpg”, “4.jpg”, “5.jpg”];
      var images = new Array(fileNames.length);
      for (i=0; i < fileNames.length; i++)
          {
              images[i] = new Image();
              images[i].src ="./images/" + fileNames[i];
          }
          
      var count = 1;

      function swap()
      {
          if(count<fileNames.length)
              {
                  document.images[0].src = images[count].src;
                  ++count;
              }
          else
              {
                  count = 0;
                  document.images[0].src = images[count].src;
                  ++count;
         

      • Gomez

        var fileNames = [“1.jpg”, “2.jpg”, “3.jpg”, “4.jpg”, “5.jpg”];
        var images = new Array(fileNames.length);
        for (i=0; i < fileNames.length; i++)
            {
                images[i] = new Image();
                images[i].src ="./images/" + fileNames[i];
            }
            
        var count = 1;

        function swap()
        {
            if(count<fileNames.length)
                {
                    document.images[0].src = images[count].src;
                    ++count;
                }
            else
                {
                    count = 0;
                    document.images[0].src = images[count].src;
                    ++count;
                }
        }

        • Gomez

          function swap()
          {
              if(count<fileNames.length)
                  {
                      document.images[0].src = images[count].src;
                      ++count;
                  }
              else
                  {
                      count = 0;
                      document.images[0].src = images[count].src;
                      ++count;
                  }
          }

          • Gomez

            function register()
            {
                var inputValues =[$(“fname”), $(“lname”), $(“email”), $(“pcode”), $(“phone”)] ;
                for(var i=0; i < inputValues.length; ++i)
                {
                    if(inputValues[i].value == "")
                    {
                        window.alert("fill out all fields first");
                        return false;
                    }
                }
                setCookie("fname",$("fname").value, 356);
                setCookie("lname", $("lname").value, 356);
                setCookie("phone", $("phone").value, 356);
                setCookie("email", $("email").value, 356);
                setCookie("pcode", $("pcode").value, 356);
                setCookie("cookiename",$
                return true;
            }

            function display()
            {
                if(document.cookie)
                {
                    $("display").innerHTML = "First name:” + getCookie(“fname”) + “Last Name:” + getCookie(“lname”) + “Email:” + getCookie(“email”) + “Postal Code:” + getCookie(“lname”) + “Phone:” + getCookie(“phone”) + “Times visited: ” + “”;  
                }
            }

          • Gomez

            //function validate ()
            //{
            //    var fNameExp = /^[A-Z][a-z]+$/;
            //    var lNameExp = /^[A-Z][a-z]+$/;
            //    var phoneExp = /^[0-9]{3}[-/.][0-9]{3}[-/.][0-9]{4}$/;
            //    var emailExp = /^[a-zA-Z_-.0-9]+@[a-zA-Z_-0-9]+.(com|au|ca|us)$/;
            //    var pcodeExp = /^[a-zA-z][0-9][a-zA-Z][ ]?[0-9][a-zA-Z][0-9]$/;
            //    var error = “”;
            //    
            //    if(fNameExp.test($(“fname”).value)== false)
            //    {
            //        error+= “First Name is wrongn”;
            //    }
            //    
            //    if(lNameExp.test($(“lname”).value)== false)
            //    {
            //        error+= “Last Name is wrongn”;
            //    }
            //    
            //    if(emailExp.test($(“email”).value)== false)
            //    {
            //        error+= “Email is wrongn”;
            //    }
            //    
            //    if(pcodeExp.test($(“pcode”).value)== false)
            //    {
            //        error+= “Postal Code is wrongn”;
            //    }
            //    
            //    if(phoneExp.test($(“phone”).value)== false)
            //    {
            //        error+= “Phone is wrongn”;
            //    }
            //    
            //    if(error ==””)
            //        return true;
            //    else
            //    {
            //        alert(error);        
            //        return false;
            //    }
            //}

        • Gomez
  • liming deng

    thanks nice collections…

  • Kimmy | Html5xcss3.com

    Thanks for sharing ! Good animated template.

  • Hisman

    wah,,thanks..good template

  • Vishal

     Thanks for posting such a nice one, It is informative and very useful for me