animate

Animate the enabling of a UIBarButtonItem?

Is there a way to animate enabling or disabling a button? I've tried the following with no success. I'm guessing at this point that the enabled property cannot be animated like opacity can – but I hope I'm wrong. [UIView beginAnimations:nil context:nil]; [UIView setAnimationDuration:1.0f]; theButton.enabled = YES; [UIView setAnimati...

Drawing onto an animated UIImageView in Cocoa touch

Probably a newbie question, but: I have a UIImageView that zooms and translates using multitouch. The built in animation feature is very handy, and works great. However, now I want to draw on top of it. The problem is that anything I draw goes beneath the UIImageView. If I switch to UIImage, and draw it myself, then the animation do...

jquery animation done

Ok so I have a tab class that is scrollable which works fine, but now I want to hide the controls if they cannot scroll in the direction that they are trying to go. so I have something like this; function tab_left(){ $(".tab_link").each(function(){ //animation here }); } Then I want to create a function that will make sure tha...

jQuery smooth image change

Hi there... I wonder how to make image change in my jQuery script smoother. I also have an animate() chain, can I attach the "src" change into it or not? Sadly I can't use images as CSS backgrounds... Here's a little sample... function growBigger(element) { $(element) .find(".inside") .animate({ width: curWidth, height: curHe...

JQuery Help with Hover/Fade/Animate Image

Hi guys I would like to create a javascript/jquery so that when I hover an item, 2 or 3 classes are called as a hovering image, since there will be a "left", "middle", and "right" image. The left and right will be fixed width, but the middle must grow according to the size of the remaining width. I tried using the lavalamp effect, how...

jQuery height problems when using stop() in animation or slideUp/slideDown

Hey! I have a menu with hidden submenus. I'm animating the submenu to open when I mouse-over a menuitem, and close when I mouse-out. This causes problems when the user mouses over a lot of menuitems, as all the animations get queued. To fix the queuing problem, I added a stop() before the animation. This caused an even worse problem...

jQuery color plugin: onMouseOver animation causes flickering in FF3.5.5

I'm trying to change the background color of a div on mouseover and mouseout. Instant change to yellow on MouseOver, and slow fade on MouseOut. function hilightel(keydiv) { $('#'+keydiv).animate({ backgroundColor: '#ffffd3' },1); } function lolightel(keydiv) { $('#'+keydiv).animate({ backgroundColor: '#ffffff...

Stagger jQuery Animations

I want to animate a series of items in jquery 1.3, with each next item beginning halfway through the first animation. In otherwords, I want a half-queue effect. I attempted to use the below code, but it is not working. Does anyone have any ideas? $("h3").click(function(){ $(".projectItem").each(function (i) { if (i > 0...

animate() not working for opacity in IE

I'm trying to animate a div from 100% opacity to 40% opacity WITHOUT using fadeTo(). I need to use animate(). It works fine in chrome/FF/safari, but in IE, the opacity doesn't animate, it simply changes to that after the animation is done. Happens in IE 7 and 8. I'm doing this: .animate({ width: new_...

jquery menu buttons mouseover effect

Hello I have two divs. One is position:absolute (.buttonEffectWrapper), over the top of the other div (called .rightColumnButtonHighlighted). I also have the following JS code: $(function(){ $('.buttonEffectWrapper') .mouseover(function(){ $('.rightColumnButtonHighlighted').stop().animate({opacity: 1}, {duration:300}) }) .mo...

Animate UITableViewCell's imageView insertion?

Hey guys, (relatively, I believe) simple question here, I have a UITableViewController with its UITableView, with its determined number of cells. If a user taps on a cell, an image is inserted into the respective cell's imageView property, like so: [self.tableView cellForRowAtIndexPath:chosenPersonIndexPath].imageView.image = [UIImage ...

CSS / jquery if() css effect

Not sure why this isn't working... I have several DIVs with an class of .rightColumnButton. A few of them have a height of 30px: .rightColumnButton{ height:30px; width:206px; margin-top:20px; } I want to change the margin-top to 10px if they have a height of 30px: $(function(){ if($( '.rightColumnButton' ).css("height") == "30"){ ...

Really smooth animate effects with jQuery

I have some jQuery set up on my page to swap out some DIVs when a user clicks a link. The DIVs have flash objects, paragraphs and images inside them and when I click the link to swap it out the effects aren't exactly... smooth. This is my code: $('#div').toggle('fast'); $('#anotherdiv').toggle('fast'); It kinda gets stuck on the flas...

Animating opening/closing of table columns in jQuery

How can I animate the opening/closing of table columns in jQuery? I currently have this piece of code: jQuery(function($){ $(".togglebutton").click(function(e){ if (cost_visible) { $(".numbers").animate({width: 80}, 1500); $(".costs").animate({width: 0}, 1500); } else { $(".numbe...

two jquery issues with animation and data

Ok so I am basically working on a photo gallery. The first issue I have is with $.data. When I am setting up the images through my plugin I do this: $('.img').each(function(){ $(this).data('original', { width:$(this).width(), height:$(this).height() }); }); Then when I want to animate the image to its full size i do this: $(this).a...

Jquery backgroundPosition Animation Question

I am using Jquery to animate an object while the user presses a key. Upon Keyup the object stops moving, but I need to know what the background position of the object is when it stops. Using .stop(true); Without getting to much into it, I need to be able to get the position of the background. Is there anyway with Javascript or jquery ...

Jquery Animate + Fade Effect bug

Hello, before posting I want to tell you "Sorry for my English". I've got a problem with JQuery. http://socialworld.den-style.net/ if you click "Nascondi" under the Logo you will see that the #post go to the right and then "comes back" to its old position. How do I can fix this error? Thanks a lot. ...

jquery: change height of element in upper direction

Hi, I'm trying to make "hover" effect which will change height of li (list) element but upward. Using jquery, I've managed to change height of element but downwards. Is it possible to change direction upwards? http://www.izrada-weba.com/vedranmarketic/ css file: body{ background-color: #252524; text-align: center; } #centrira...

jQuery background-image animation

Hi, How do I animate between two PNG images in jQuery? Is this possible? Something like the CSS 3 transition when you transit between one color to another, but I need an image to an image transition. ...

Move an image to the position of a DIV using jQuery 1.3.x

I have a number of small images that I display that are the size of an icon (32x32). I want to animate them from their current position on the page to the x,y of a DIV anytime someone clicks on any of the images. What is the best route to do this using jQuery? ...