How to rotate gif html code?

Asked By Kyle Berry 30 points N/A Posted on - 10/19/2012

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.

• Status: Open
• Question Views: 3020
• Answer Count: 3
• Vote Up 0 Vote Down

• Answer Accepted: Yes
• Question Category: Development Software

Best Answer by Sierra Adams

Go To Solution

Best Answer

Best Answer

Answered By Sierra Adams 10 points N/A #188647

How to rotate gif html code?

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

• Vote Up 0 Vote Down

• Posted on - 10/19/2012
• Question Category: Development Software

Answered By Goram Ian 60 points N/A #188648

How to rotate gif html code?

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

• Vote Up 0 Vote Down

• Posted on - 10/19/2012
• Question Category: Development Software

Answered By Adams DILAN 0 points N/A #188649

How to rotate gif html code?

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

• Vote Up 0 Vote Down

• Posted on - 10/19/2012
• Question Category: Development Software