Edge Animate CC :: Added White Space To Right And Under Image
Dec 12, 2012Viewing the website in IE8, the poster image displays correctly but there is added white space to the right and under the image.
View 3 RepliesViewing the website in IE8, the poster image displays correctly but there is added white space to the right and under the image.
View 3 RepliesWhen my animations loads (by clicking the packaging icon), a white block appears in the middle and I would like to know if there is a way that I could change it so it is either transparent or not have the white appear?
I made use of a EdgeDocks extention [URL] called Composition Loader to animate the centre.
[URL]
I placed an image and scaled it in Edge. I notice the image is exported at its original size. Can I tell Edge to downsample a bitmap image?
View 1 Replies View RelatedI am producing an advert for a client that is going to appear in the UK Top Gear magazine.
Top Gear magazine is landscape only but the gyroscope functions are still available.
I'm looking to rotate the device 180 degrees and then the background image changes. Is it possible in DPS or even using Edge Animate content through DPS.
I'm looking to produce this without a HTML coder.
Why when I put a new image (or symbol) in the stage, always appears at the beginning of the timeline? And how can I move it?
View 1 Replies View RelatedHe wants me to take an image (Its just a square image) and have it start in the center of the screen, and as it scales down and moves to one of the bottom corners (I've already got that part done) the image multiplies and creates a seamless circular/oval band in 3D space. He also wants this done with another image, but for this other image (also simply a square) to create a sphere as it multiplies.
Is there an easier way to do this, or am I going to have to place, manipulate and animate each individual copy of the square image to create a solid band?
This is part of a larger issue with DPS that necessitates placing a static version of the animation (the poster) into InDesign that shows prior to the animation. Not doing this, there is a white flash when the page first opens and before the animation can get loaded. Unfortunately the poster image from Edge is noticeably lighter than the animation itself.
View 4 Replies View RelatedI'm trying to centre an image to the centre of the browser using the responsive settings. My problem is that I can centre the image, but as soon as I start to scale upwards or downwards the Logo isn't staying in the middle of the browser.
View 2 Replies View Relatedi've an image of a tyre..100x100 pixels.when i import it in edge, i get something like 1000x1000 and the tyre is left side top..as 100x100 the rest is empty and i cant get it away??
View 1 Replies View RelatedEverything was working fine, now every time I try to load an image into my composition I get this error "Error Loading Image!"
View 1 Replies View RelatedHovering over a row of thumbnails, I swap the full size photo following this code :
var photo = new Image();
photo.src = 'images/'+fileName; // parameter of the function
console.log(fileName+' L= '+photo.width+' H= '+photo.height);
sym.$('toile').attr({
width: photo.width,
height: photo.height,
src: photo.src
});
The full size photo swaps, but retaining the dimensions of the first one (initially on the Edge stage).
Even more puzzling, as you can see in the following screen capture, sometimes I can get the correct photo.width and photo.height (even if it isn't correctly assigned to the 'toile' element), and sometimes those values are zero ! And I feel so lost that this seems random.
May be it has to do with loading delay, asking the width and height information before it is available ? Should I necessarily preload the images ?
Clicking on any of the 26 letters of the alphabet, I display the 15 logos starting with the first brand whose initial is the clicked letter.
Logos have different dimensions, but I fail recovering them, so that they are displayed stretched or squeezed, retaining the width and height of the first 15 logos put on stage in the Edge source.
Both of the two console.log in the following code produce w= 0 h = 0 :
- just after assigning the src attribute ;
- in the callback function of the load.
$('.letter').on('click', function()
{
// swap the 15 logo images
[Code].....
I have problem when I try import imagen inside Edge stage. Then I need close the file and re-open to fix the image paths.
I note that Edge create a image folder to save the image inside the Library.
Do I am doing anything wrong trying drag/drop image inside the stage?
I have an image of a room, and I want to add the ability to click different parts to zoom in (by scaling up background image) and have the relevant information appear. I don't know if the best way is to have all the "camera zooms" and information on one timeline (have to manually animate everything dissapearing, fiddly), or to separate them into symbols and call them up?
View 3 Replies View RelatedWell, I need a little slideshow of images, the code for mouse events (click, mouseover, mouseout, etc.) is the same for all images, then I create a symbol with one image inside for this, and drag&drop instances to stage, but now I don't know how change the image source of other symbols. In design time, when right click over any symbol instance only edit symbol it's possible (not single instance), and I don't know if is possible to change the image source of any symbol instance by code.
View 4 Replies View RelatedI have used some image files as templates in my animation. There doesn't seem to be a way to remove the files without Edge squaking about those files missing. Even after I have removed all references to those files. What is the proper way to remove unwanted files completely from a Edge animate project? It was suggested that there is a right click, but this only shows you where the file is in the finder.
"File saved but Edge Animate encountered error(s): Failed to Copy Image: /Users/danjahson/Rain/Clients Work Folder/Nu Skin/Bespoke Moblie App/Intro & Reveal HTML Video/Bespoke_Intro/Bespoke_Intro_1/images/Intro_Template0012.jpg: No such file or directory"
This file is no longer in the animation - but it still asks for it. I cant seem to kill it.
I am on a mac with the latest version of Edge Animate (3.0.0.322.27519).
I have an image that is mostly alpha.Problem is that it blocks buttons from working.Is there any way to set a flag to an image so it is not part of the 'touch/mouse' collision funcitons?
i can arrange it behind the buttons... but that brings other issues, because something needs to be behind the image with alpha but over the buttons.
create animation effect in adobe edge URL.... actually it is created in flash.does this tool supports Mask effect like flash or not?
View 2 Replies View RelatedI have a top banner for a website - the website is fully made in Edge.
The banner is 540px high, and 100% width. (Stage width is also set to 100%)
Now inside this banner, I want a large image to show.
The center of this image should correspond to the center of the banner.
The width of the image should be 100% of the banner. (Hence 100% of the browser window).
The height of the image should remain proportional to the width of the banner, i.e. no distortions. (Was using auto before)
The overflow should be hidden. (So basically the image is always 100% width of the browser window, and the height overflows both both up and down).
Somehow in ver 3 of Edge Animate I can't get all these options to work at the same time - can't use 100% width and auto height for an image anymore.
I have started to work on an animation which will work as a splash-screen before the users see the actual site. (Yes I know... but the client wants it like this...)
The problem I have now is that the animation plays after a few seconds and that during these seconds it shows the content of the website. Besides that I still find it pretty difficult to actually position the animation the way I want.
I am using a plug-in for wordpress.
I tried fixing this with a pre-loader but this is also too slow. Is there any way I can force the animation to play sooner or to make sure they can't see the content before the animation has played?
You can find the concept of the website on: [URL]
I am trying to to load a JSON file and load images with text information.
I have a problem when i click the thumbnail, the large image can't displayed, i am receiving the following error:
Failed to load resource: the server responded with a status of 404 (Not Found)
my code in compositionReady:
$.getJSON("content.json",
function(data){
for(var i=0; i<=data.length; i++){
var s = sym.createChildSymbol("template","content");
s.$("title").html(data[i].title);
[code]...
and at the element that hold's the thumbnail image, I added on the click event :
sym.$("finte").css({"background-image":"url("+$(this).data('largeimage ')+")"});
I believe that somewhere on +$(this).data('largeimage')+") is the mistake. But I can't find it.Moreover, how, the thumbnails, can be displayed as a table of 4x5?
Say I draw a simple square in Illustrator CS6 then export it to a PNG using Save for Web. The preview shows 1px thick of white space on the right side. Sometimes it's on 2 sides or more.
No other hidden elements are around the image. Clip to artboard in not clicked.
How to make a centered background scaled image/video in Edge Animate. Can't code, so I'm trying to use the properties panels.
1. Have the image centered in the middle of the stage
2. Have it scale to fill the screen always so there are no black bars (ie, I want a stage with only picture on it)
[URL]...
(This project is only aimed for iPad and above - desktop, so don't need mobile resolutions)
My work around is to do this via manual CSS, but there has to be a better way to keep it within the Edge compositiion
I also tried to import this Edge stage into Reflow after seeing this demo [URL]...
but just got blank screens : [URL].....
(I do like Reflow's ability to target specific resolutions but I don't quite need it for this project).
1st the setup:
General map is loaded
2. On a click event, an larger image of the region is loaded with the following code. On mouseover the name of the county appears and on click a popup (symbol) shows some info.
$('<img id="region1" width="310" height="475" src="images/region1.png" usemap="#region1">'+'<map name="region1">'+...
'<area id="Dallam" shape="rect" title="Dallam" coords="29,17,97,58"/>'+.....
3. In the popup symbol, I want the large image map to be remove on the click event of the button: "View another region" . I have the following code which does not work (the image is not removed) resulting in what you see below:
sym.playReverse();
sym.getComposition().getStage().stop(0);
sym.getComposition().getStage().getElementById("region1").remove();
how do I remove the image (large image of the region in purple here loaded as described on 2.)?
How to do image moving based on mouse movement in adobe edge animate 1.0?Just like drag and drop option in flash
View 3 Replies View RelatedHow can i remove the white space from this JPEG image (attached to this post) so that I can overlap it with another image without the white space showing?
The image is actually saved as a rectangle with the white space on the top right hand corner, where it curves.
I have a logic problem in my code that I need solving,
here's the bit of code which is supposed to set the text, image and link for a symbol used multiple times on the Stage.
var names = ["melz", "brom", "calm", "micj", "mick", "brir", "mato", "brym", "azin", "hugh", "nicl", "bonr", "lisa"];
var name = null;
for(var x = 0; x < names.length; x++){
name = names[x];
var initials = (name[0]+""+name[3]).toUpperCase();
var cursymbol = sym.getSymbol(name);
[Code]...
The text and image code work, however my problem is with setting the link. It always sets all the symbols to the last name in the names[] array. What I want it to do is to set the link to the personalised name in the array. So the HH button will link to hugh.html and the BM button will link to brym.html etc.
For now I'm going to play around a bit and see what happens.
I used the suggestions on removing the white background and was successfull - how can I remove the white edge on my image?
View 1 Replies View RelatedI've spent most of today doing some print design in xdp7, I like the software a lot especially the live effects, however there seems to be a problem I'm experiencing using them in that once I have used an effect, xdp7 adds a load of white space to my image, like thousands of pixels, obviously I customised the size of the image before I began, and when I export the image it reads some of the time as the desired size, and some of the time the much larger size. I've tried cropping but it doesn't make any difference, I've tried changing the image size in the utilities option, but still the image I created is there along with the white space.
So how do I make sure what I save is just what I am creating, and how do I stop this from happening or counteract it. Also why does it do this?
How can I select an odd shaped image with no surrounding white space?
View 2 Replies View RelatedI want to center an animate stage left and right in the browser window.
View 2 Replies View Related