Sharp Tutorial
How to rotate images in div using java script

Python

Java

C

C++

HTML/CSS

Java Script

PHP

SQL

C Programs

Programming Assignments

  • Java Script FAQ
  • Python FAQ
  • C/C++ FAQ

JS Based all question list

  • Export HTML table to excel using js
  • search drop down left to right and vice verca
  • Get value from drop down list using js
  • Rotate image in div using js
  • Set selected value in drop down

Java Script Based FAQ

Q 1 How to rotate image in div using java script.

Ask New Question

asked 10 Nov'19

Sunil tanwar

Tag : JavaScript

<html>
<head>
<title>Image rotation</title>
</head>
<body onload=”imgFun()”;>
<div style=”width:400; height:300;” id=”img” >
<img id=”myImg” src=”C:\Users\sniper\Downloads\images.jpg” style=”width:400; height:300;”>
</div>
</body>
</html>
<script>
var imgArray= new Array(“C:/Users/sniper/Downloads/images.jpg”,”C:/Users/sniper/Downloads/m.jpg”,“C:/Users/sniper/Downloads/download.jpg”);
var i=0;
function imgFun()
{
document.getElementById(“myImg”).src=imgArray[i];
i++;
if(i==3)
{
i=0;
}
setTimeout(imgFun, 2000);
}
</script>

answered 10 Nov'19

Adesh Rajput

Tag : JavaScript

Live Preview

[codepen_embed height="265" theme_id="default" slug_hash="RwNPVgR" default_tab="js,result" user="rajputadesh"]See the Pen RwNPVgR by rajput adesh (@rajputadesh) on CodePen.[/codepen_embed]

Enquiry about Course

Ask your Question

Click Here

Sharp (2) Tutorials

Video/ C Introduction

Watch video in full size

Video tutorial

Follow by Email
Facebook
Facebook
fb-share-icon
YouTube
Copyright © Sharp Tutorial
Build with WordPress
Wordpress Social Share Plugin powered by Ultimatelysocial
Sharp Tutorial