Skip to main content

Easy way to do animation in image transition in html and javascript 

<html lang="en">
<head>
  <title>VCET</title>
    <script>
        function image2(){
            var a= document.getElementById("ds");
                ds.src="2.jpg"; 
                setTimeout(image3, 3000);
            }
            function image3(){
            var a= document.getElementById("ds");
                ds.src="3.jpg";
                setTimeout(image4, 3000);   
            }
            function image4(){
            var a= document.getElementById("ds");
                ds.src="4.jpg"; 
                setTimeout(image5, 3000);
            }
            function image5(){
            var a= document.getElementById("ds");
                ds.src="5.jpg"; 
                setTimeout(image1, 3000);
                
            }
            function image1(){
            var a= document.getElementById("ds");
                ds.src="1.jpg";
                setTimeout(image2, 3000);   
            }
                
    </script>
</head>
<body>
        <h2 align="center">Velammal college of Engineering and Technology</h2>
    <center><img src="1.jpg" id="ds" width="240" height="320" /><script>setTimeout(image2, 3000);</script></center>
</body>
</html>

Labels:

Comments

Post a Comment

Popular posts from this blog

Docker

Docker is used to run software packages called "containers". Containers are isolated from each other and bundle their own tools, libraries and configuration files; they can communicate with each other through well-defined channels                                                                                                --Wikipedia  I have already written a article about the containers you can check out in here https://thangaayyanar.blogspot.com/2018/06/containers.html This time, let's learn more about docker engine how we can use this. The important things we need to know in docker are Docker Image:  The container can be created with the help of Image. The Image file consists of code, libraries, environment variable...
Post a Comment
Read more

BlockChain

As the name says chain of block Now what is a block?       A block typically contains a  cryptographic hash of the previous block,  a timestamp transaction data    Where it is used?      It is the backbone of cryptocurrency i.e it ensure the security and integrity of data. The usage doesn't stop here well blockchain are resistant to modification of the data. so it can used in Bank Identity verification Hospital records and much more   How it ensures security and integrity of data? Block added to the chain, contain the hash ( result obtained from hash algorithm such as MD5,SHA) of the previous block so changes in one block lead to mismatch. Proof of work algorithm - Adding a node in the block chain require validation whether the new block is valid or not which is done my miner if they find the valid hash they will be rewarded How to do one?      The most interesting part ...
Post a Comment
Read more

My experience in iOS Hackathon

This is my second hackathon, my first hackathon was on machine learning if you want to check out that article by following the below link https://thangaayyanar.blogspot.com/2018/02/what-i-learned-from-machine-learning.html So let's get started First let us discuss about the idea of what we are trying to achieve in this hackathon. From the above image you can able to know that we are going to recognize text from the image and use it to do find which field it is.  we separated this idea into three modules Identify the region Recognize the text  Field classification Module I : Identify the region To identify the selected region we used Vision framework ( ML framework provided by apple to detect the object ). The vision framework give us the boundary of the text region ( i.e frame - x,y,width,height ).  Then using the above region we crop the selected region and pass it to the next module. Module II : Recognize the text To recognize the text we ...
Post a Comment
Read more