How to resize a dynamic image to fit rectangle

Hi - I have a series of small rectangles that I create dynamically using this:

var s = sym.createChildSymbol ("example", "Stage");

s.$("smallpic"). CSS({"background-image":"URL('"+example+"')"});)

works well - but how do I automatically resize the background picture to the size of my rectangle (this example is 'smallpic')

Thank you!

Hi, skotch99-

Try to use the CSS background-size property.  There are many options to size your image to fit your container.

Thank you

-Elaine

Tags: Edge Animate

Similar Questions

  • How to resize a photo/image and save it?

    Hello, I know how to resize an image. But how do I save a new image/photos Jpeg with new properties of size?

    Use file > save as or file > save for web. One of these will create a new document as long as the name is different or in another folder.

  • How to insert a dynamic image from a database

    I recently started using Dreamweaver CC to set up a dynamic site (PHP pages with a mySQL database).  With perseverance and downloading new behaviors Server depreciated and links panels I was more or less managed to accomplish my tasks.  I'm still having trouble getting an image to display in the database of mySQL server.  In the revisions of CC before it was easy and well documented.  I downloaded the extension from DMXZone HTML5 data links.  I can almost get my task of dynamic image, but the extension DMXZone HTML5 data links said that I now have to get the the "incomplete but functional on" DMX Zone Database Extension, in addition to the HTML5 Extension of data links to select my data source in the database.

    I am thinking of dumping Dreamweaver CC altogether and just install CS6 until the path gets better paved.  Any other ideas?  Example of code?  Work around?  Thanks in advance

    KevinatCirris wrote:

    I recently started using Dreamweaver CC to set up a dynamic site (PHP pages with a mySQL database).  With perseverance and downloading new behaviors Server depreciated and links panels I was more or less managed to accomplish my tasks.  I'm still having trouble getting an image to display in the database of mySQL server.  In the revisions of CC before it was easy and well documented.  I downloaded the extension from DMXZone HTML5 data links.  I can almost get my task of dynamic image, but the extension of data bindings DMXZone HTML5 says that I must now get the the "incomplete but functional on" DMX Zone Database Extension, in addition to the Extension of data bindings HTML5 to select my data source in the database.

    I am thinking of dumping Dreamweaver CC altogether and just install CS6 until the path gets better paved.  Any other ideas?  Example of code?  Work around?  Thanks in advance

    Really, you'd like any other piece of information in your database.

    Store the actual images in a folder on your server and the name of the image file in the database - myImage.jpg

    Then he echo the page following the convention of other data that will resonate on the page:

    ['images'] top being the name of the field of data base in which you stored the image name and the $row_rsRecordSetName being the variable created by the Recordset (yours will be different)

  • How to resize a JPEG image?

    Say a JPEG file is too big and I need to make it smaller.

    Say a JPEG file is too big and I need to make it smaller.

    In Windows 7, open the JPEG image in paint.

    In the toolbar of the Ribbon, click on resize.

    At the top of the dialog box to resize, you can select to resize by percentage or number of Pixels.

    Select the options you want, and then click OK. Make sure you save the changes.

    Let us know if you have any other questions.

    Kind regards.

  • How to resize popup gallery image on mobile devices

    Hello

    I have a sensitive site and popup image gallery window is not resized on mobile devices. Please check the site on mobile or simply reduce your browser.

    I tried to change the CSS attributes for the specific @media but it did not work well.

    http://stsstone.BusinessCatalyst.com/gallery-by-applications-cladding

    See you soon

    Micha

    Hi Micha,

    This might be useful: http://www.rush-creek.com/lightboxHTHcustCap1a/lightboxHTHcustCap1a.html

    Kind regards

    Alex

  • How you resize/reposition an image on a 3D object?

    Is it possible to resize and reposition an image on a 3D shape without affecting the shape itself, or is it just a trial and error process, according to the size and position of the image before you select new layer mesh?

    Adjust the size or position of a texture in 'change the UV properties... '. ». Note that increasing the UV scale will reduce the scale of a texture on an object and the texture will be tiled.

  • Resizing of the images at the same time

    I have a lot of images I want to resize. The images are all rectangles and same size. I want the images to be smaller and square. Is there a quick way to do it with all the images at the same time?

    If your native images are rectangles and square, you must use the crop tool to get the defined areas. Otherwise, your images will appear distorted.  Unfortunately, batch cropping rarely works well less that all the images are perfectly framed and centered.  From my experience, cropping requires human judgment.

    That said, you can create a crop tool Preset (size & resolution) that can help further your workflow.

    Nancy O.

  • I have some pretty high resolution still panoramas I want to move from left to right, but when I resize the image to fit the image, the resolution drops to an unacceptable level. Is this possible? John

    I have some pretty high resolution still panoramas I want to move from left to right, but when I resize the image to fit the image, the resolution drops to an unacceptable level. Is this possible? John

    Make sure that before you add this photo to your project, you go to the preferences (under the Edit on a PC) and uncheck the default scale to the size of the image.

    Scaling of artificially reduced image size your photo - no matter how large - the size of your video image, make detailed pans and zooms like your impossible. When it is not checked, your photo will be in full resolution and you will only see a small part of it in the preview window.

    That said, don't forget that you work at video resolution, so some details will be lost. (Less so, if you change video high-def). And, of course, don't forget to make your timeline after you have added your pans and zooms to see a better representation of what your final video will look like.

  • Dynamic image resizing Firefox 12

    Is there an option to disable the dynamic image resizing FF12?

    You can set the Boolean browser.enable_automatic_image_resizing false pref on the topic: config page.

  • I downloaded a game on the internet, and now my screen does not match my screen. I have two large black areas on each side of my screen. How to resize my screen to fit the screen of my computer? (and yes I tried the button expand) :))

    I have two large black areas on each side of my screen. How to resize my screen to fit the screen of my computer? (and yes I tried the button expand) :))

    Hello val2000, welcome.

    These games is managed inside of Internet Explorer? If this isn't the case, then I suggest contacting the manufacturer of your computer for the latest pgrahics drivers. If installation of those who does not resolve the problem, then try to change your resolution to one of the following values (depending on the size of your screen):

    1024 x 768
    1280 x 800 (wide, common form for laptops)
    1280 x 1024
    1680 x 1050 (widescreen)

    To change your resolution:

    1. click on START
    2. click on "Control Panel."
    3. double click on "display".
    4. click on the tab "settings".
    5. change the resolution on your cursor tab and then click on 'Apply' at the bottom right

    Let us know what happens

    Thank you! Ryan Thieman
    Microsoft Answers Support Engineer
    Visit our Microsoft answers feedback Forum and let us know what you think.

  • How can I resize a digital image using software of photo gallery to keep my digital images to be cut during printing on standard paper by a commercial processor? MP

    How can I resize a digital image using software of photo gallery to keep my digital images to be cut during printing on standard paper by a commercial processor? MP

    How can I resize a digital image using software of photo gallery to keep my digital images to be cut during printing on standard paper by a commercial processor? MP

    ====================================
    Sometimes the only resizing is not the answer because the
    the original size is different from the print size.

    You may need to crop photos to the size you want
    print to ensure that no clipping will occur. Cropping
    to a different aspect ratio will lose some parts of the picture but
    at least you have control over it.

    Windows Live Photo Gallery is a cropping tool.

    Volunteer - MS - MVP - Digital Media Experience J - Notice_This is not tech support_I'm volunteer - Solutions that work for me may not work for you - * proceed at your own risk *.

  • How to resize image

    Hi all

    I'm new to the blackberry development. Actually I want to resize the image based on the width and height of the screen.

    I like to write code for all devices, such as the image resize itself based on the width and height of the device.

    Can someone provide me with a snippet of code for resizing of the image?

    Thank you

    Here is an example on how do

    public static EncodedImage ScaleImageToSize (image, int targetWidth, targetHeight int EncodedImage)
    {
    If (targetWidth > 0 & targetHeight > 0)
    {
    int imageWidth = image.getWidth ();
    int imageHeight = image.getHeight ();
    float scaleX = ((float) imageWidth / (float) targetWidth) * 10000;
    float scaleY = ((float) imageHeight / (float) targetHeight) * 10000;

    int fixedX = Fixed32.tenThouToFP (scaleX (int));
    int fixedY = Fixed32.tenThouToFP ((int) scaleY);
    EncodedImage retImage = image.scaleImage32(fixedX,fixedY);
    Return retImage;
    }
    return image;
    }

    You can also add her manipulation of proportions.

    I hope this will help.

    Rab

  • How to resize the print size of an item within my PDF to multiple pages? For example a receipt or another image that can scan in bigger or smaller than my 8.5 x 11 Bill?

    How to resize the print size of an item within my PDF to multiple pages? For example a receipt or another image that can scan in bigger or smaller than my 8.5 x 11 Bill?

    Hello

    In the print dialog box, you would get options to resize your document.

    Try them and see if that helps.

    Once you choose the print option, it would give options to change the size of the page you need.

    Please check and see if it suits you or not.

    Concerning

    Sukrit diallo

  • How to resize an image on the layer of the photo?

    I'm trying to resize an imported picture to fit my current forms. Is there a way to do this? I tried pinching the image on the screen, but nothing helped.

    You must resize the entire layer. Press the three dots on the right side of the layer in the layers panel. Then press the cross to the left of the menu. Then, you can pinch to resize the layer

  • How to resize layer with a large image of the layer mask?

    Hi all

    How to resize the image on the layer mask?

    * document - doc.width, doc.height

    * mask - activeLayer.bounds

    * and how to take the coordinates in the image with the mask, if the image is larger than the size of the document?

    01.jpg

    2014, use it at your own risk.

    #target "photoshop - 70.032»

    If (app.documents.length > 0) {}

    Var ref = new ActionReference();

    ref.putEnumerated (charIDToTypeID ("Lyr"), charIDToTypeID ("Ordn"), charIDToTypeID ("Trgt"));

    var layerDesc = executeActionGet (ref);

    var layerMaskEnabled = layerDesc.getBoolean (stringIDToTypeID ("userMaskEnabled"));

    If (layerMaskEnabled == true) {}

    // =======================================================

    var idsetd = charIDToTypeID ("setd");

    var desc4 = new ActionDescriptor();

    var idnull = charIDToTypeID ("null");

    var ref1 = new ActionReference();

    var idLyr = charIDToTypeID ("Lyr");

    var idOrdn = charIDToTypeID ('Ordn');

    var idTrgt = charIDToTypeID ("Trgt");

    Ref1.putEnumerated (idLyr, idOrdn, idTrgt);

    Desc4.putReference (idnull, ref1);

    idT var = charIDToTypeID ("T");

    var desc5 = new ActionDescriptor();

    var idUsrM = charIDToTypeID ("rocket");

    Desc5.putBoolean (idUsrM, false);

    var idLyr = charIDToTypeID ("Lyr");

    Desc4.putObject (idLyr, idT, desc5);

    executeAction (idsetd, desc4, DialogModes.NO);

    };

    Alert (app.activeDocument.activeLayer.bounds)

    };

Maybe you are looking for

  • iCloud library & Backing Up

    Have bought enough space and selected the option to backup my library of Photos in the cloud. It is a nice feature, because on my phone for example if I want to talk to someone something that happened 8 years ago I know that I can see the same pictur

  • time of day clock stopped__

    After a windows update, start logon scripts, the screen went black as enter a DOS command prompt, and the "Time of Day Clock Stopped" message appears and won't do anything else

  • How can I remove the file from the adware N10.adshostnet?

    How can I remove the file from the adware N10.adshostnet?

  • Exception to qobject_cast returns

    I have a class that I reference with qobject_cast () I also reference a variable inside qobject_cast()-> myVariable My question is if $myvariable is null, instead of letting me know that it breaks down just the application.  What I need is to know if

  • An alpha channel

    Hi, I need to add a video with Alpha channel in Premiere Pro (CC 2015), but when I add an image or a video in the background the sound would prohibit fuzzy (video with Alpha) laps or more brightly, it of really weird and is horrible in the final vide