473,396 Members | 2,109 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Rotate background image

49
Hi all,

I have an image on a web page. I need to rotate the image in a clockwise direction every second.

Please let me know how we can do it.

Regards
LTCCTL
Nov 26 '08 #1
4 3427
gits
5,390 Expert Mod 4TB
how many rotation steps would you need? every step would need to be a single image and you could replace the image-src according to the requirement ... you may use setInterval() to start the continous call ...

kind regards
Nov 26 '08 #2
acoder
16,027 Expert Mod 8TB
To rotate images at an angle, you can use the Canvas object (and a filter for IE). See an example library (uses jQuery).
Nov 26 '08 #3
gits
5,390 Expert Mod 4TB
the canvas object is the better solution of course ... but its not supported by older mozilla browsers ... but certainly that shouldn't be a big problem today ;) ... i think i'm one of the last guys that use an old 1.7.13 Moz ... just because we have optimized internal xul-appps for it that we have to port before switching to a newer one ;) ...

another point is the different handling in IE and the standards compliant browsers ... which is just ugly but even no problem ... because loading a lot of images is ugly too ;) ...

kind regards
Nov 26 '08 #4
acoder
16,027 Expert Mod 8TB
Yes, for browsers which don't support the Canvas tag or any proprietary filters, you either need separate images, Flash, Java or use server-side code. You can also use a hack like this one, but it's not advisable and will only work for small images anyway.
Nov 26 '08 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

6
by: Leo Koolsbergen | last post by:
Hallo, Maybe a very simpel problem, but I cannot find a solution. From a webcam I can retreive pictures, but as the cam is positioned upside down I have to rotate the (jpeg) pictures. I've...
7
by: Showjumper | last post by:
Hi, I have developed an upload server controls to be reused over a number of projects. One of the tasks it needs to handle is to rotate an image. I want to accoplish this by checking the checkbox...
17
by: santel_helvis | last post by:
Hi All, Could anyone tell me how to rotate the image in javascript. Which concepts I should concentrate to rotate the image
1
by: iwdu15 | last post by:
hi, im trying to rotate a gdi drawn object on my form with a keypress....forinstance when i push the down arrow, for it to rotate the object drawn until the top is down, or if i push the right...
8
by: Samuel Shulman | last post by:
Is it possible and how to rotate pictures in HTML document Thank you, Samuel
1
by: vkosuru | last post by:
hi ppl, I've got a problem. I am trying to show my output in a speedometer background image. I've a pointer(foreground image) which i need to rotate on the speedometer depending on the value i...
6
by: swethak | last post by:
Hi, I displayed the image taken from database.How to raotate that image using javascript.plz tell that how to start the logic.plz tell that some reference websites.
1
Thekid
by: Thekid | last post by:
Hi, I have an image similar to a clock, with numbers and letters going around in a circle. I need to extract the numbers and letters from the image and have them print out in a straight line and in...
0
by: harryusa | last post by:
I am experimenting with the rotate function and so far I can't get my code to return anything but the URL of my script. Here it is: <?php // The file you are rotating $image =...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.