How to rotate gif html code?

Asked By 30 points N/A Posted on -
qa-featured

How to rotate the GIF html code? I’m trying to develop my own webpage for my html subject project. I am planning to create a profile picture for my webpage to introduce my identity. However, I got some problem with the coding process about rotating some GIF files. Can you give me a solution and a brief explanation regarding this matter?

Thank you.

SHARE
Best Answer by Sierra Adams
Go To Solution
Best Answer
Best Answer
Answered By 10 points N/A #188647

How to rotate gif html code?

qa-featured
Hi keyl,
 
If your GIF image is not rotating then follow these steps:
 
1. Download JavaScript files for rotator and place these tags on the top 
<script src="js/dw_event.js" type="text/javascript"></script>
<script src="js/dw_rotator.js" type="text/javascript"></script>
 
2. Specify what images you want to include:
Var rotator1 = { path: 'img/', id: 'img1', // id assigned to the image tag
 speed: 4000, bTrans: true,images: ["smile.gif", "grim.gif", "frown.gif", "bomb.gif"] }
 
3. Write a JavaScript function for starting
function initializeRotator() {
    dw_Rotator.setup(rotator1);
}
dw_Event.add( window, 'load', initializeRotator);
I hope this will helps you.
 
Thank you

 

About Sierra Adams
Questions
1
Answers
101
Best Answers
39
Answered By 60 points N/A #188648

How to rotate gif html code?

qa-featured

Hi Kyle Berry,

There are a lot of sites that is giving a lot of information in regards to rotating GIF in html codes. I have seen some possible solutions with your concern. Kindly click the link for your reference.

DYN-Web: Rotate Images

You may also join the discussion in this forum:

V7n Forums: how to make a gif image (rotating image)

Thanks.

About Goram Ian
Questions
1
Answers
399
Best Answers
96
Answered By 0 points N/A #188649

How to rotate gif html code?

qa-featured
Hello Kyle Berry,
 
I provided you sample codes from the web about your concern.
 
Try these codes and I'm sure it will work.
 
<script src="js/dw_rotator.js" type="text/javascript"></script>
 
<a href="index.html"><img id="rotate_img" src="images/swans.gif" alt="" /></a>
 
var rotator1 = {
    path: 'images/', // path to your images
    Id: 'r1', // id assigned to the image tag
    speed: 4000, // rate of rotation (in milliseconds)
    bTrans: true, // transition filter for IE Win
    images: ["smile.gif", "grim.gif", "frown.gif", "bomb.gif"]
}
 
Hope this helped you!

 

About Adams DILAN
Questions
3
Answers
97
Best Answers
7

How to edit image Facebook style?

Previous

How to create a photos slide show?

Next

Related Questions