Welcome to WebmasterWorld Guest from 100.26.182.28

Forum Moderators: open

Message Too Old, No Replies

Rotate a Graphic on a web page

     
10:39 am on Jan 27, 2005 (gmt 0)

New User

10+ Year Member

joined:Jan 27, 2005
posts:5
votes: 0


First Post, not sure if its in the right forum....

I have a doughnut shape on the front page to my family tree site, how would I make this rotate?

I would like it to either rotate on its own, or so the visitor can drag it to rotate.

Any help would be appreciated.

Ben

[edited by: BlobFisk at 11:22 am (utc) on Jan. 27, 2005]
[edit reason] No URLs please! See TOS [webmasterworld.com] [/edit]

10:56 am on Jan 27, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:June 17, 2003
posts:50
votes: 0


You can try to use flash to make it interactive or to make it rotate by itself.
11:19 am on Jan 27, 2005 (gmt 0)

New User

10+ Year Member

joined:Jan 27, 2005
posts:5
votes: 0


I only have photoshop 7.0 - is it possible in this program?
11:56 am on Jan 27, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:June 17, 2003
posts:50
votes: 0


Adobe Photoshop can make animations.
Please take a look at : [good-tutorials.com...]

Remark to the moderators:
Please allow this link to be published, it's a tutorial link, not a personal link. Thanks.

3:05 pm on Jan 27, 2005 (gmt 0)

New User

10+ Year Member

joined:Jan 27, 2005
posts:5
votes: 0


The animation i require would need at least 100 frames.

Is there an alternative to photoshop animation? It would need to be a free program as i cant justify a full priced program for one animation.

Ben

3:24 pm on Jan 27, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:June 17, 2003
posts:50
votes: 0


An affordable alternative is Swish 2 (see site of swishzone). It's also a flash builder and not so expensive as Macromedia Flash or equal.
Or just use a java script to animate.
Karl

[edited by: Alfasys at 3:28 pm (utc) on Jan. 27, 2005]

3:25 pm on Jan 27, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 17, 2001
posts:1262
votes: 0


There isn't a way to rotate an image using just HTML or CSS, and since image orientation isn't specified in the DOM, I don't think you can set it with Javascript either.

You might be able to use Javascript to replace the image progressively, for instance on a timer. You might experiment combining this with using animated GIFs (i.e. instead of loading 100 different graphics, load 10 graphics each with 10 frames) to reduce some overhead. You didn't indicaate what the purpose of the doughnut was, however, so these suggestions may be inappropriate or unsuitable.

If the content is simple lines and text, Flash may be a good bet. There's no need to buy software, just hire a Flash developer who already has it (btw I'm not one, and can't recommend one).

3:28 pm on Jan 27, 2005 (gmt 0)

New User

10+ Year Member

joined:Jan 27, 2005
posts:5
votes: 0


The picture is a ring (doughnut shape) with peoples faces in. It is just the front page to my site so it would serve no functionality, just eye candy.

But because of the faces the animation needs to be smooth, thats why it would take 100+ frames.

If its not easily achievable then it doesnt matter really.

3:48 pm on Jan 27, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 16, 2002
posts:2139
votes: 1


>>An affordable alternative is Swish 2

You can download the trial, do your job and then decide.

5:00 pm on Jan 27, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


You will find that an animation like rotation will take a MUCH bigger file if you do it in a pixel based format, such as PhotoShop.

This is one of the places where vector based animation shines - so Flash/Swish make more sense to me. Pixel based animation needs to define EVERY pixel for every new position. Vector based animation can draw the image once and then move it with a small extra lne of instruction.

Pixel based animations work well when there are many "redundant" or static pixels from frame to frame, so they do not need to be redefined all the time.

5:03 pm on Jan 27, 2005 (gmt 0)

New User

10+ Year Member

joined:Jan 27, 2005
posts:17
votes: 0


If you HAVE to do this, flash is the way to go.

IMHO - I think you're pushing to hard to make something work that doesn't really add to the functionality of your website.

8:29 pm on Jan 27, 2005 (gmt 0)

New User

10+ Year Member

joined:Jan 27, 2005
posts:5
votes: 0


I'm not really pushing hard for it, it was just an idea that I had put forward to me, and I wondered how hard it would be to implement.

Now I know that its not that hard, I will have to see it through. I could spend several days doing it in photoshop but thats the last resort. I am trying to do it with swish by using the spiral effect and instead of it spiralling away or towards me I am trying to get it to rotate. Unfortunately I have no knowledge of this and I am struggling, but my hard work will pay off. I have already learnt tons about photoshop just drawing the graphic and then trying to animate it.

Ben

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members