Tracking Forums, Newsgroups, Maling Lists
Home Scripts Tutorials Tracker Forums
  Advanced Search
  HOME    TRACKER    JavaScript


Rotating Circle Text

I want place custom text rotating around analogue clock.
Here is javascript that is clise to my task:

But it have a few unnecessary features which is difficult to alter.

i want:
1. replace week/year/days in external circle with my custom text: 'My
custom text'
2. I want to reduce a little rotation speed of this text. (no mouse
reaction speed)
3. I do not need mouse trail effect at all, i want fix clock in
required place.

There is another script, but it have no rotating text wheel around

Which from this scripts is more easy to adjust for my task and could
someone show me exact code?

View 2 Replies (Posted: June 9th, 2006)

Sponsored Links:

Related Forum Messages For JavaScript category:
Make A Rotating Gradient (on A Circle)?
I create a simple circle with the arc function:

/* ctx is the 2d context */
var gradient = ctx.createLinearGradient(0, 0, this.radius, this.radius);
gradient.addColorStop(0, '#FF0000');
gradient.addColorStop(1, '#FFFFFF');


Posted: Apr 27 11 at 17:09

View 1 Replies!   View Related
Rotating Menu - Making The Links In The Back Of The Circle
I came up with the idea of making the links in the back of the circle (i've got a total of 10 links), invisible and put a globe in the middle (as background) - making it look like the links in the back go behind the globe and comes back from behind it again. I've tried to do this myself with"hidden";


Posted: 02-11-2011, 11:05 AM

View 1 Replies!   View Related
Create Circle Text (text In A Circle Shape) With Canvas?
How do I create circle text (text in a circle shape) with canvas?

Posted: May 19 11 at 16:36

View 2 Replies!   View Related
Draw A Circle And Search Within The Circle On A Google Maps API?
On my web page I have already a Google Maps API with a search bar (see code below) and at first the user pinpoints an address. Then the User is be able to search businesses around this point with a search bar. Before search is complete I'd like to draw a circle around this address for instance with a distance of 15 km. The search should show only results within this circle. It would be nice if you also could move the circle... How can I do this with Google Maps?

<script type="text/javascript">
var map = null;
var geocoder = null;
function initialize() {


Posted: Jul 28 10 at 8:13

View 3 Replies!   View Related
Rotating Text/info - Add 3 Circles To Each Text That Is Being Rotated?
I have a script that rotates text and I was wondering if there was a simple way to add 3 circles below the each text that is being rotated.So that the user can then click a different (empty) circle and bring up that text it references?Here is what I have:

<script language="javascript">
$('#testimonials .slide');[code]..........

Posted: 11-18-2011, 02:30 PM

View 6 Replies!   View Related
Image Overlay Circle Over Circle?
First let me tell you what I want to achieve. I want a layout as below(Replace the squares with circles):

| |-------| |
| | button| |
| |-------| |

It is a button inside a circle image. The button should also be circular in shape. How do I go about doing it? As in, is there a way to overlay one circular image over another?

Posted: Sep 9 09 at 2:41

View 3 Replies!   View Related
Showing Text When Hovering Over A Raphael Circle?
I'm trying to use jQuery and RaphaelJS to:

Create circles Display some information when hovering over the circle (and hiding the information when not hovering over it)

However, I can't quite get the information to display correctly... It seems to display and then immediately hide. Here's a simplified test version of the code I'm using:

<!DOCTYPE html>
<script type="text/javascript" src="jquery.js"></script>


In this example, as soon as I cross into a circle, both "MouseOver" and "MouseOut" immediately get displayed. I'm not sure if I'm using the wrong events, or if there's something funky going on with Raphael.

Posted: Nov 14 10 at 20:30

View 1 Replies!   View Related
Place Text Based Divs In Relative Locations Within Circle
How would I place certain objects or small text within a certain area.I am trying to create a kml file for Google Earth that when the point is clicked, the balloon description window pops up and I can display my html formatted diagram showing where the satellites are at that instant. Google Earth and KML docs allow for pretty much any html formatting within it, so currently looking for a good way to do this.

Posted: Dec 28 10 at 17:51

View 2 Replies!   View Related
Text Over Rotating Images?
I'd like to have something similar to the rotating images and text on my website. The website that I would like to mimick is: http:[url]........You can see that the images move but there is still text over the image that I can click on. How would I go about doing something similar to this on my website. I'm guessing it's a combination of Javascript and CSS

Posted: 02-28-2011, 03:48 PM

View 8 Replies!   View Related
JQuery :: Rotating Text Using [Firefox < 3.5]?
I was wondering if there is any way to rotate text using JQuery function or plugin. I know how to rotate text in FF 3.5+, IE, Chrome etc. using CSS properties but it seems like it's impossible in FF < 3.5

Posted: 31-Aug-2011

View 1 Replies!   View Related
JQuery :: Autorotate - Rotating Text?
I have some text that i need to rotate, this is what i have now:

> <div id="facts">
> <blockquote class="fact visible">
> xxx [code]....

and my jquery is like this:

$(document).ready(function() {
]setTimeout("rotateSlide()",7000);[code].... show up fine, but then it rades out, i see all of the other 3, yyy,zzz and ooo overlayed on top of each other, it does not do it one by one,

Posted: Oct 27 10 at 14:23

View 2 Replies!   View Related
Rotating Quotes With Text Fading
I've got a simple javascript that rotates quotes randomly. It's very basic, so I wanted to add a fade in/ fade out transition to the text to make it more appealing. I've researched around the net and have had trouble finding sources to help me out. Here is the code.

<script language="JavaScript">
function rotateEvery(sec)
var Quotation=new Array()

Quotation[0] = '...The big brown fox jumped over the tall fence'
Quotation[1] = '...The wind is blowing cold snow across the dark black road'
Quotation[2] = '...Fall has many colors and black is not one of them'
Quotation[3] = '...the blue bird lives in the big red barn'
Quotation[4] = '....Mr. Grant really believes that the Bull’s skills, which are widespread, are utterly godlike even though he acts like he doesn’t think so'
Quotation[5] = 'Sixth quotation'
Quotation[6] = 'You can add <b>as many</b> quotations <b>as you like</b>'

var which = Math.round(Math.random()*(Quotation.length - 1));
document.getElementById('textrotator').innerHTML = Quotation[which];

setTimeout('rotateEvery('+sec+')', sec*5500);

Posted: 12-10-2007, 05:45 PM

View 15 Replies!   View Related
Rotating Images With Text Info?
I'm using this simple image rotate script on my site (I think I found it on this forum), and am trying to figure out how to add a description of each picture next to the picture, or under the picture (either way would be fine).My JavaScript skills are pretty much non-existent.I've played around with this script trying to get the descriptions added and have failed miserably.The script I'm using is below:

<html><center><a id="imageurl" ><img id="Rotating1" border="0"></img></a><br><br>
<script language="JavaScript">[code]..............

Posted: 01-13-2011, 12:54 PM

View 7 Replies!   View Related
Adding Text Box Below Rotating Images?
Following the guide here:


I've got a series of photos rotating in sequence every few seconds. My page is here:


I've got one file called banner.js.js with the code shown at bottom of this post. In my main index.html file I have the few lines immediately below. How do I place a caption below images that changes for each photo? Most of the code I've seen to do this seems MUCH more complicated.

<p><div align="center">
<!-- <img src="image_jss.gif" name="banner"> -->
<img src="photo_JBG_0315.JPG" name="banner" width="400" height="267">
<div class="slideTitle"> CAPTION TEXT


Posted: 09-28-2011, 04:49 PM

View 3 Replies!   View Related
Cannot Add Links To Changing / Rotating Text Lines - Fix It?
I'm trying to acheive a line of text (with multiple links on each line) that change at set intervals.

The code below seems to be working but I can only get working links on the first line that appears. code...

Posted: 09-03-2010, 12:17 PM

View 6 Replies!   View Related
JQuery :: Html - Display Text Above Rotating Image?
HTML code:

<div id="img-wrapper">
<img src="images/1.png" title="Picture 1" class="my-img" />
<img src="images/2.png" title="Picture 2" class="my-img" />


I had made some changes to the code. I am now using Cycle plugin to display images based on this question's answer: jQuery - Image rotation gets faster when focused after the focus was on another Chrome Tab

Posted: Dec 3 11 at 9:19

View 4 Replies!   View Related
Resizing, Cropping, Rotating And Adding Text To Images In Rails?
I need to include a feature on an app I'm building that allows the user to upload an image and manipulate it in various ways including adding text. This is basically a way to design custom printed merchandise as is already found on many websites and will be overlayed on a background image of whatever is being customised e.g. T-Shirt.

The basic requirements are: resize, crop and rotate image against background. Overlay and change position/colour/style of text against image. Preview the final design against the background.I know that flash is possibly the best solution but I was really hoping to avoid it and use Jquery instead. While there is plenty out there for resizing and cropping images with javascript there doesn't seem to be anything that fits my needs.

Posted: Apr 20 11 at 18:47

View 3 Replies!   View Related
JQuery :: Animation - Inline Text Scrolling - Rotating - Carousel Effect
I trying to create an animation with JQuery that scrolls 1 word in a sentence. For example,

I am a nice sententce of text with a MAGIC word in it OTHER HIDDEN WORDS

After a second or so, MAGIC would move upwards and OTHER would scroll into view. I've tried playing with a few carousel plugins but I can't seem to get the effect working.

Some seem to have so many nested divs that they refuse to display inline, others have issues when one word is longer than another.

Posted: Apr 20 10 at 11:21

View 1 Replies!   View Related
Circle Tracing
I am trying to create a circle with different images.

var j = 0;
var degree30 = Math.PI/6;
var r_angle = 0;

function rotate(idy){
var x = parseInt(Math.cos(r_angle)*100);
var y = parseInt(Math.sin(r_angle)*100);

document.getElementById(idy).style.left = (x + 300);
document.getElementById(idy) = (y + 186);
(r_angle < degree30 * 11) ? r_angle = degree30 * j : r_angle = 0;

( j < 12) ? setTimeout("rotate('reduit'+ j)", 400) : stop();

Posted: February 25th, 2006

View 9 Replies!   View Related
Circle All The ChildNodes
I wanna get all the text nodes of the children of an element. The goal is to get an array with all the textNodes in each cell of a table, without any other nodes that might ocure whithin that cell (<p>, <br> etc...)

I mean if:
I need:
var txt = new Array()
txt[0] = &#3912;'
txt[1] = ?'

Now I had to circle through all the childNodes to extract all the text nodes. I have build a function, but something is wrong in the code, and I don't sense what. I need soime fresh eyes, any ideeas? Where's the mistake?:

<script type="text/javascript">
function checkCell(){
var allC = document.getElementById('tab').getElementsByTagName('td');//cells' collection
var txt = new Array()
for(var i=0;i<allC.length;i++){
var chC = allC[i].childNodes;
for(var j=0;j<chC.length;j++){

Posted: 05-20-2005, 11:41 AM

View 8 Replies!   View Related
Svg Circle With Fixed Radius
Anyone know how to make an svg circle radius fixed (i.e. not affected
by transforms)? I tried adding px or cm, e.g. r=&#3915;px' but it just
generates an error.

Posted: May 13th, 2006

View 3 Replies!   View Related
Making Circle Without Any Images.
I can make a rectangle without an image by using table. Can I make a circle without an image with your help?

Posted: Jun 8, 2006, 08:27

View 6 Replies!   View Related
Get A Circle's Center X, Y Position?
If I have a circle object

var c =

I would like to get this circle's center x, y position, how to get?

Posted: Apr 11 11 at 8:42

View 2 Replies!   View Related
Jquery :: Use Circle For Pager?
Am having a problem getting my pager to look right with jquery cycle.[code]...

Has got me the images to show up as the navigation instead of the numbers but the problem is that I would like to be able to have a different coloured circle for the active slide.

I tried leaving the img bit out of the pageAnchorBuilder and using backgrounf:(url) in the CSS and a different one on .activeSlide but to no avail.

Posted: Sep 29 11 at 14:02

View 1 Replies!   View Related
Copyright 2005-08, All rights reserved