JQuery :: UI Scale Effect Not Working With Flash Object
Jun 29, 2011
I have a div with a flash object in it. That div is going to pop up in a modal triggered when a user clicks a thumbnail of the flash presentation. The problem occurs when I try to use the scale effect to scale in or out, it errors out.
Here is the HTML:
<div id="modal">
<object id="presentation" width="720" height="576" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="[URL]" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value=" video.swf" />
<param name="quality" value="high" />
[Code] ......
I'm using the HTML5 JW Player. It sizes the HTML5 video correctly, but shrinks the Flash fallback player; here's an example page: Test Page
If you view that page in IE, you'll notice that on panel 5, the video is smaller than the space it's supposed to occupy. On Firefox, it works fine because it's using the OGG video in its HTML5 video player.Is there a way to resize the Flash video via JavaScript/jQuery to fit the same space as the HTML5 video?
I'm setting up a page that uses a flash menu to load html pages into a div container by the following call:
on (release){ getURL("javascript:getPage('test.html')"); }
The loading works fine, but some of my pages had specific jquery scripts and that's where I've struck out so far. I assumed all I needed to do was transfer the script importations, css stylesheets and the jquery functions to my main document, but it won't work.
I also tried importing the html as a the complete html, which works on it's own, but not when imported into the main document. Most recently I heard I should try shifting the jquery function calls to the end of the loaded document, to after the content, My scripts work, just not when imported, so I suppose my question is how can I make the main- and imported documents play nice with each other? What say you we make this a jump-start tutorial for all us noobs to reference?
I was recently tasked with replicating [URL] in HTML5 and jQuery. I'm currently struggling to do the effect where the menus slide up behind the images when an arrow is clicked (See the Menu section for the best example) and was wondering if this is actually possible in jQuery. So far I have [URL] which is sort of getting there but I'm not sure it's the best approach.
Is it possible to make a glow effect any other way then flash? I want to get rid of the whole flash menu and use something browser friendly.I am looking for alternatives or similar effect.
I have this flash header in my website. On older computers the flash file askes a lot of recourses and that is not considered user friendly. Can this effect be achieved in a other way of scripting for example with ajax or Jquery?
What would be the best and fastest way to scale/resize an image which is injected into PHP file which is called via AJAX with use of jQuery?
So I am trying to assure the image does not bypass the width of 600px and height of 410px but I do not wish for the image to be maxing out this dimensions and look weird, it has to be displayed as it would be, but just in smaller scale.
Also if there is a way I can do this with a already existing Flash script that would be great, but I do not recall of any good ones which are as simple as one used by Google on there Picasaweb service.
I use jquery.flash() plugin to embed flash into my website. The problem is that in IE6 this doesn't work. I tried swfobject (1.5), also, but it gives me (sometimes) some strange errors with n null or something like that, so I decided to use jquery.flash() also. (I use both swfobject and jquery.flash() now)
So, basically, swfobject works but gives me that strange error sometimes (all browsers), so NOT all my flash banners work, and jquery.flash() WORKS in all other browsers, except IE6.
I have a flash object that connects to the user's webcam.In Firefox, I can remove the container div of the object (using jQuery) and the camera will turn off.However, in IE8, when I remove the container div, the camera stays on but the flash object appears to be removed from the DOM.Is there a way to sever the connection between IE and the webcam so the light on the webcam will go off when the flash object is removed from the DOM?
$("#listView object.modal").click(function(){ // Get the ID of the clicked link: var link = $(this).closest("h2").attr("title");
[Code]....
This fires a modal (jQuery UI). It it working in FF, Chrome/Safari but not in IE 7/8. Is there something I'm missing here?
Big Picture: We're using a swf to render custom type and there is a link in the rendered (flash) content. We're hoping to catch the link action in the jQuery listener so we don't have to extend our swf have an optional param to return false on link click.
Is there a way I can have JavaScript/jQuery know when a Flash object has been clicked (and still have Flash process the click)?
I tried putting a table on top of the object with position: fixed and a z-index and the object set to param name='wmode' value='transparent' so I could have my JavaScript detect which column was clicked using jQuery's click(), but the clicks were never intercepted by JavaScript (Chromium Linux).
I need to be able to load up different flash files when users click an image in my gallary. My current solution works perfectly fine in Firefox, but Chrome and IE are not working and it isn't giving any error messages. I use jquery to change the embed source
I am making a dynamic banner system which can handle img banners, as well as flash banners done with object/embed. The entire site makes heavy use of jQuery, including handling the 'click' events.
This obviously isn't a problem when it comes to tracking the clicks on the image itself (i track the click on the parent DIV tag. However, it fails when the advert is an SWF, as I suspected it would.Is there a jQuery workaround that would allow me to capture a click on a Flash element with the DOM?
Most often, questions are asked about how to scale a DisplayObject, and the answer is usually to use a Matrix.
My question is, how to you GET the scale of a Matrix (scaleX and scaleY)?
There's a Matrix.scale method to set the scaleX and scaleY, but it doesn't return a value, and no other properties exist to read it back.
The reason I ask, I'm using object burried deep down into a Display list, and each may be transformed. So I use the child object's sprite.transform.concatenatedMatrix getter, but am stuck at this point on how to read the scale from it.
I'm using jQuery Autocomplete just as in this example: [URL] The problem is, the area where you see the Result box in that example - that's where my flash object is. So, when the autocomplete dropdown appears, most of the text is concealed by the flash object (which I can't move). How can I make the autocomplete text appear over the flash object (concealing its view rather than vice versa)?
I then populate the page with some Flash controls (in my case, I'm using Uploadify). When I click on the Flash control, I see the alert in Firefox 4. However, I do not see the alert in IE8 or Chrome (I havent tested any other browsers).
I tried many Flash .swf before and they all can be scaled freely -- by using a width and height in the HTML, and sometimes in the URL params or flashvars. But is it true that all Flash object can be scaled? For example, can some Flash objects using absolute coordinates to plot graph so that every 10 pixels it marks 1, 2, 3, 4, 5, and no matter what is done at the HTML or any where else, it just won't scale and the browser can't do anything about it either? Is there a way to scale it to half the size for that graph? (that is, 1, 2, 3, 4, 5 is separated by 5 pixels instead of 10 pixels)
How can I display alternate HTML with the jquery.swfobject plugin for browsers without Flash? I'm unable to find any documentation or examples showing how to do this.
I am a web designer and I do like to hand code using jquery however, I think it would be much faster to use gui applications like flash to create animations especially on the fly as well as support for writing and editing source code.
I am currently working on a website for a studio based in Sydney and have been developing (very basic actionscripting 2.0...) it for the last week or so, and up until now I haven't had a problem.
The site layout is simple and is essential 10 blocks stacked next to each other 5 on the bottom and 5 on the top. Each block is a button that highlights when a user rolls the mouse over.I have created the button animation as a movieClip which is being controlled by a Button symbol with actionscript on the button symbol:
How do I do a scale movement using the easy effect? I study a lot of examples, using speed/5, but... didn't work. I just saw a site that tells what do I want to do: [URL]
I've created an mc which functions as my map and controls to go with that which allow the map to be moved around and key points navigated to and zoomed in on at varying zoom levels.I'm using scaleX and scaleY to scale the map mc and a list of x and y positions to correctly position the map for each key point.When I want to go to a certain area I perform this calculation (offsetX and offsetY are the center of the screen):
Then I tween the position and scale of the map to smoothly scale and move the map to the correct position:
var tween = new TweenLite(_background, EASING_SPEED, {x:newX, y:newY,scaleX:scale.getScale(),scaleY:scale,ease:EASING_TYPE,onComplete:moveToComplete,onCompleteParams:[room]});
I now need to implement a zoom in / out function and this is what I'm struggling with. The zoom should use the center of the screen as the reg point for the scale, so I've been trying something along the lines of the following to get the correct positioning:
var newX = offsetX - (offsetX - _background.x) * scale; var newY = offsetY - (offsetY - _background.y) * scale;
So in my mind this gets the distance from the current position of the map relative to the center point of the screen (offsetX, offsetY) then scales that distance by the new scale. However, this is clearly wrong because it's not working and the positioning of the map is wrong.I've also tried using a transform matrix to get the correct values but I know even less about them and not got the right results.
function scale(target:MovieClip, center:Point, scale:Number):Point { var m:Matrix = new Matrix(); m.translate(-center.x, -center.y);//move the center into (0,0)
What I am doing now is loading a .png image with a Loader object. After loading the file I cast the loaderInfo's content to a bitmap and set the smoothing value to true. This works without a problem until I reach a ScaleX and ScaleY value less than 0.5.
For example, if I have a 1000x1000 object, scaling it down to 200x200 causes the bitmap smoothing to no longer work.[code]...
getting a bitmap to apply smoothing properly after being scaled very small.What I am doing now is loading a .png image with a Loader object. After loading the file I cast the loaderInfo's content to a bitmap and set the smoothing value to true. This works without a problem until I reach a ScaleX and ScaleY value less than 0.5.
For example, if I have a 1000x1000 object, scaling it down to 200x200 causes the bitmap smoothing to no longer work.I can reproduce the problem using all of the following Sizing methods:
Change the scaleX and scaleY properties on the bitmap. Directly change the height and width properties of the bitmap. Add the bitmap as a child of another sprite and change the scaleX and scaleY properties of the sprite. Add the bitmap as a child of another sprite and change the height and width properties of the sprite. Creating a new BitmapData object with a matrix scale and then drawing the original BitmapData onto it.I've also tried some other workarounds that I found when searching, such as:setting the scaleX of the image to 1.001 or 0.999 forcing the height and width of the Bitmap object to be even numbers.
Below is some sample code for reproducing the problem. (I am running this locally so I have a copy of testimage.png in my bin-debug folder)
public class MainObj { public var comp:UIComponent; public function MainObj()
i'm making a game where a ship moves from a random starting position to a target but I want to be able to zoom in & out (its a plan view) so would therefore need some way of scaling all MCs on stage equally & move them closer together when zooming out.. how I might do this? I thought maybe putting everything within 1 MC possibly?
