Loading...

Search jQuery

Search

jQuery Forum

Screen name:
dan.f.willcox

dan.f.willcox's Profile

7 Posts

16 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

newbie: Image replacement rotator
[11Replies]
- 01-Feb-2012 04:09 PM
- Forum: Getting Started
Hi,

I have put this together, when the image is clicked it rotates through a series of images, changing every 2 seconds.
I doesn't seen to be working and i'm not sure why.

Can anyone see any obvious issues? Am i doing something obviously wrong?

Really appreciate any advice or help'

Thanks
Dan

Here is my code:
1. function simpleMessage() {
4. var myImage = jQuery('#blimp');
5. var imageArray = ["Web_Images/Backdround_image/Blimp_Image.png","Web_Images/Backdround_image/bl_Image.png",
6. "Web_Images/Backdround_image/logo_Image.png", ];
7. var imageIndex = 0;
9. function changeImage() {
10. $('myImage').attr('src',imageArray[imageIndex]);
11. imageIndex++;
12. if (imageIndex>=imageArray.length) {
13. imageIndex=0;
14. }
15. }
17. setInterval(changeImage, 2000);
18. }
19. $(document).ready(function() {
20. $("#blimp").click(
21. simpleMessage());
23. });

Is there an opposite to slideUp - unmasking
[2Replies]
- 30-Jan-2012 06:29 PM
- Forum: Getting Started
Hi,

I there any way to do the following:

Perform a sort of unmasking? I want to animate something from the right onto the browser (say from (right:-100px to right:+100px ) but when i do this the browser appears to be made wider and a slide bar appears.

Does anyone know how I could prevent this?

Many thanks
Dan

Newbie: Sound Plugin problems
[9Replies]
- 30-Jan-2012 04:35 PM
- Forum: Using jQuery Plugins
Hi,

I am quite new to JQuery and i am trying to get the Sound.js plugin to work. Its not working and i keep getting a
1. $.fn.soundPlay
is not a plugin in firebug.

Here is my HTML:
1. <body>
2. <div id="container">
3. <div id="player-ui">
4. <div><span style="float:left">Sound File:</span><span id="sound_file_name"> </span></div>
5. <div>
6. <a href="javascript://" id="playLink"><img src="images/play.png" alt="Play" title="Play" /></a>
7. <a href="javascript://" id="stopLink"><img src="images/stop.png" alt="Stop" title="Stop" /></a>
8. </div>
9. </div>
10. </div>
11. </body>
Here is my Script
1. <script type="text/javascript" src="js/jquery.sound.js"></script>
2. <script type="text/javascript">
3. $(document).ready(function() {
4. $('#playLink').click(function() {
5. $.fn.soundPlay({url: '01 Prelude 1.mp3',
6. playerId: 'embed_player',
7. command: 'play'});
8. $("#sound_file_name").html("01 Prelude 1.mp3");
9. });
10. $('#stopLink').click(function() {
11. $.fn.soundPlay({playerId: 'embed_player', command: 'stop'});
12. });
13. });
14. </script>
Does anyone have any ideas, help or advice. All would be really gratefully received.

Many thanks
Dan

Newbie: MouseOver to display Twitter.
[0Replies]
- 29-Jan-2012 05:29 PM
- Forum: Using jQuery
Hi,

I realise this is probably a bit beyond my level at the moment.. however, I want to be able to mouseOver a div and a will box slide-down and then the twitter widget will fadeIn.

I'm having real problems. Is this possible??

The widget script overrides everything so I guess i have to add the widget a the point of mouseOver but i'm not sure how to put the widget text into a variable and attach it.

Your help would be very gratefully received.

Thank you.
Dan

Newbie - Continuously animating div
[4Replies]
- 28-Jan-2012 08:10 AM
- Forum: Getting Started
Hi,

I realIy need some help. I'm trying to continuously move a div up and down. When i do this though it pushes Firefox into meltdown.

Please, I would be very grateful for any help.

Thanks Dan

Here is my code:
1. function twitAn() {
2. var random = Math.floor(Math.random()*50);
3. var $obj = jQuery('#blimp');
4. $obj.css( "top" , "100px");
5. $obj.animate({ "top" : 100 + random + "px" }, 2000, twitAn());
7. }
8. $(document).ready(function() {
10. twitAn();
11. });

Newbie: Simple Window Size problem
[2Replies]
- 16-Jan-2012 02:04 PM
- Forum: Getting Started
Hi everyone,

I am sorry to burden you with such a simple problem but it is driving me mad. I just want to find the size of the window and alert the size. Firebug tells me that i have a syntax error on line eight:
1. alert('Width : ' + window_width + 'Height : ' window_height' );
But i don't see what is wrong with this. I Apologies for adding the full code but I just don't know what it can be??? Here is the full code:
1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml">
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5. <title>Untitled Document</title>
6. </head>
7. <body>
8. <script>
9. $(document).ready(function(){
10. function move_div() {
11. window_width = $(window).width();
12. window_height = $(window).height();
14. alert('Width : ' + window_width + 'Height : ' window_height' );
15. }
16. move_div();
17. });
18. </script>
19. </body>
20. </html>
Again sorry for what must be a very simple solution. Any advice would be much appreciated.

Thanks
dan

Newbie: Mouseenter - Only apply on first mouse enter.
[4Replies]
- 14-Jan-2012 11:01 AM
- Forum: Getting Started
Hi Everyone.

I very new to JQuery but i'm trying to create a page where as the users mouse enters a div( #blimp) another div(#block) moves from left to right.

After this first move i want the 'block' to stay in position and not to move again when the mouse re-enters the 'blimp'div.

I have other elements doing the same thing so i am trying to hard code this behavior.

Is their a better way? How do i go about doing this? Any help is greatly appreciated

code:
1. $(function(){
2. $("#blimp").mouseenter(function() {
3. $('#block').animate({"left": "+=105px"}, "fast");
5. });
6. };
7. $("#buildingLeft").mouseenter(function() {
8. $('#block').animate({"left": "-=105px"}, "slow");
9. $('#block1').animate({"right": "+=105px"}, "slow");
10. });
I hope his make sense

Thanks
Dan

«Prev
Next »