Overriding image width with updateExportSettings

Writing my first lightroom plugin, I have created a minimal example which should set the photo width here and included below. However I can not get the image to be the 400 x 400 specified.
ExportFilterProvider400.lua
local LrView = import 'LrView'
local bind   = LrView.bind
-- This function will create the section displayed on the export dialog
-- when this filter is added to the export session.
local function sectionForFilterInDialog( f, propertyTable )
  return {
    title = LOC "$$$/SDK/MetaExportFilter/SectionTitle=400x400 Filter",
end
-- Example on updating export settings
local function updateExportSettings( exportSettings )
  exportSettings.LR_size_maxHeight = 400
  exportSettings.LR_size_maxWidth  = 400
  exportSettings.LR_size_doConstrain = true
end
return {
sectionForFilterInDialog = sectionForFilterInDialog,
updateExportSettings     = updateExportSettings    , --Does this works
Info.lua
return {
  LrSdkVersion        = 3.0,
  LrSdkMinimumVersion = 1.3, -- minimum SDK version required by this plugin
  LrPluginName        = "400x400 Export",
  LrToolkitIdentifier = 'sample.export400x400',
  LrExportFilterProvider = {
    title = LOC "$$$/SDK/MetaExportFilter/Sample=400x400 Size", -- the string that appears in the export filter section of the export dialog in LR
    file  = 'ExportFilterProvider400.lua', -- name of the file containing the filter definition script
    id    = "metadata1",  -- unique identifier for export filter
  VERSION = { major=5, minor=0, revision=0, build=907681, },
Adobe Lightroom can load the plugin, and add it to the export session, but the updateExportSettings do not seem to take effect. Tested in Lightroom 5.3.
Thanks

Thanks, Will try this out.
On closer reading the SDK Guide on page 51 does mention:
If the service has defined an updateExportSettings() function, it is called.
and at the end of that secion:
The filters, if any, are not involved at this stage.
Was not aware of the difference of an ExportService plugin and an ExportFilter plugin at the time of reading.
Update:
This is the minimum example I got working Info.lua stays the same:
local function sectionForFilterInDialog( f, propertyTable )  return {    title = LOC "$$$/SDK/MetaExportFilter/SectionTitle=400x400 Filter",  }end --------------------------------------------------------------------------------local function postProcessRenderedPhotos( functionContext, filterContext )   local renditionOptions = {    filterSettings = function( renditionToSatisfy, exportSettings )      exportSettings.LR_size_maxHeight = 400      exportSettings.LR_size_maxWidth  = 400      exportSettings.LR_size_doConstrain = true    end  }   for sourceRendition, renditionToSatisfy in filterContext:renditions( renditionOptions ) do    -- Wait for the upstream task to finish its work on this photo.     local success, pathOrMessage = sourceRendition:waitForRender()   endend-------------------------------------------------------------------------------- return {  sectionForFilterInDialog  = sectionForFilterInDialog,  postProcessRenderedPhotos = postProcessRenderedPhotos,}

Similar Messages

  • How to get blob image width with ordimage?

    Hello,
    I have trouble getting image width with ordimage. I have quite the same program for processing images as here: http://spendolini.blogspot.com/2005/10/manipulating-images-with-database.html
    so I have declared image files as BLOB files. How can I get the width for the them?
    There is a sample from ordimage reference:
    DECLARE
    image ORDSYS.ORDImage;
    width INTEGER;
    BEGIN
    SELECT p.product_photo INTO image FROM pm.online_media p
    WHERE p.product_id = 3515;
    -- Get the image width:
    width := image.getWidth();
    DBMS_OUTPUT.PUT_LINE('Width is ' || width);
    COMMIT;
    END;
    the ORDSYS.ORDIMAGE is used instead of BLOB here. when i do the same then i can't select BLOB content into the ORDSYS.ORDIMAGE variable. And otherwise I can't use the getWidth with the BLOB variable.
    Can anybody help please?

    Hi,
    the column blob_content is not suitable for storing into v_image2 because variable v_image2 is of type ORDSYS.ORDIMAGE and the column is BLOB.
    I used the following method instead:
    declare
    image blob;
    attributes clob;
    img_mimeType varchar2(32);
    img_width integer;
    img_height integer;
    img_contentLength integer;
    fileFormat varchar2(32);
    contentFormat varchar2(32);
    compressionFormat varchar2(32);
    begin
    DBMS_LOB.CREATETEMPORARY(attributes, TRUE, DBMS_LOB.CALL);
    select img
    into image
    from image_repository
    where id = 0;
    ORDSYS.ORDImage.getProperties(image,
    attributes,
    img_mimeType,
    img_width,
    img_height,
    fileFormat,
    compressionFormat,
    contentFormat,
    img_contentLength);
    dbms_output.put_line(img_mimeType);
    dbms_output.put_line(img_width);
    dbms_output.put_line(img_height);
    dbms_output.put_line(fileFormat);
    dbms_output.put_line(compressionFormat);
    dbms_output.put_line(contentFormat);
    dbms_output.put_line(img_contentLength);
    DBMS_LOB.FREETEMPORARY(attributes);
    end;
    try adapting this code and think about the possibility of "caching" image properties, because it takes some time to retrieve them every time.
    Bye,
    Flavio
    http://oraclequirks.blogspot.com/search/label/Apex

  • Adjust image width and position along with browser size automatically.

    Hi,  I'm trying to place an image at the left edge of browser window, and the image width is 50% of the browser window size. The similar effect can be found on this website. Lenzing Instruments
    Notice that as the browser zoom out, the image remains half of the width of browser window and align with the right edge of the browser.
    I'm new to Muse. Not sure if it is possible to achieve this effect in Muse. I know Muse can set image 100% width of browser window, but how about 50%, 75% and other user defined proportion?
    Any help will be appreciated!

    Thank you for your reply Sanjit. Could you explain more in details about
    Exact responsiveness cannot be achieved but yes with scroll and pin you can create a similar effect
    I also followed this post Can you create responsive sites with Adobe Muse? It seems that Muse does not support responsive design very well. So I'm not sure how exactly to get an similar responsive design effect in Muse.
    Thanks!
    Yinze
    Design Engineer
    Lawson Hemphill Inc.

  • Equal spacing between the images of uniformed height but variable widths with AS3?

    I have to figure out how to insert images with variable width with equal spacing intervals.
    Here is where I got so far:
    function buildScroller(imageList:XMLList):void{
              trace("build Scroller");
              for (var item:uint = 0; item<imageList.length();item++) {
                        var thisOne:MovieClip = new MovieClip();
      var currentX = 90;
                        var spaceBetween = 20;
      var currentImageWidth = Number(imageList[item].attribute("width"));
    thisOne.x = currentX;
    thisOne.x = (currentImageWidth+spaceBetween)*item;
    I can see that my images are being spread out on the page and if I change the number in var spaceBetween it affects the spacing. However the spacing is not uniformed. I can not figure why. Perhaps because I can not properly retrieve the image widths from the xml file. I assigned a width in xml file in the following manner:
    <images>
    <image src="appThmb_imgs/A-illuminatorUpLit_xsm.jpg" title="UpDownGlowingVase" url="http://www.888acolyte.com" width="132"/>
    <image src="appThmb_imgs/ATI-1-bgpA_xsm.jpg" title="CoolingReflections" url="http://www.888acolyte.com" width="117"/>
    <image src="appThmb_imgs/ATI-2-zenC_xsm.jpg" title="OrchidsUnderGlass" url="http://www.888acolyte.com" width="263"/>
    <image src="appThmb_imgs/SilverBloom_RGB_xsm.jpg" title="SilverBloom" url="http://www.888acolyte.com" width="148"/>
    </images>
    they correspond to actual image width. I do however want them to be scaled at 50% of their actual width.
    Any ideas if I am missing a line of code or don't call out images properly?

    Thank You for your reply.
    I tried to implement it but images are still jambled together.
    Perhaps it has something to do with the fact that I specify the actual width of the image in the XML file but then define it as a scaled value in the code later on (11th line at the bottom of the code):
        mc.height = 110;
    This height definition will just give the width proportional to the height. Does it mean that I can not specify the height as it is?
    Also can be there a mistake in the XML file? I just assigned the width number as it is in pixels for each image. Here is an example:
    <images>
    <image src="appThmb_imgs/RosesGallasGalore_RGB_xsm.jpg" title="RosesGallasGalore" url="http://www.888acolyte.com" width="131"/>
    <image src="appThmb_imgs/SangriaBling_RGB_xsm.jpg" title="SangriaBling" url="http://www.888acolyte.com" width="233"/>
    <image src="appThmb_imgs/SilverBloom_RGB_xsm.jpg" title="SilverBloom" url="http://www.888acolyte.com" width="148"/>
    </images>
    There were no errors in the output or compiler errors tabs.
    Here is my code in its entirety:
    import com.greensock.*;
    import com.greensock.easing.*;
    //load xml
    var xmlLoader:URLLoader = new URLLoader();
    /////Parse XML
    var xmlData:XML = new XML();
    var xmlPath:String = "app_thmbs_imgsModfd.xml";
    xmlLoader.load(new URLRequest(xmlPath));
    trace("loading xml from: " + xmlPath);
    xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
    function LoadXML(e:Event):void {
              trace("xml load complete");
              xmlData = new XML(e.target.data);
              buildScroller(xmlData.image);
    /////Build Scroller MovieClip to Contain Each Image
    var scroller:MovieClip = new MovieClip();
    this.addChild(scroller);
    scroller.y = 30;
    /////Parse XML
    //build scroller from xml
              var spaceBetween:int = 20;
              function buildScroller(imageList:XMLList):void{
              trace("build Scroller");
              var nextX:int=spaceBetween; //not sure where you want to start;
              for (var item:uint = 0; item<imageList.length();item++) {
                        var thisOne:MovieClip = new MovieClip();
                        thisOne.x=nextX;
                        nextX=int(imageList[item].attribute("width"))+spaceBetween;
                        //outline
                        var blackBox:Sprite = new Sprite();
                        blackBox.graphics.beginFill(0xFFFFFF);
                        blackBox.graphics.drawRect(-1, -1, 124, 107);
                        thisOne.addChild(blackBox);
                        thisOne.itemNum = item;
                        thisOne.title = imageList[item].attribute("title");
                        thisOne.link = imageList[item].attribute("url");
                        thisOne.src = imageList[item].attribute("src");
                        thisOne.alpha = 0;
                        //Loading and Adding the Images
                        //image container
                        var thisThumb:MovieClip = new MovieClip();
                        //add image
                        var ldr:Loader = new Loader();
                        var url:String = imageList[item].attribute("src");
                        var urlReq:URLRequest = new URLRequest(url);
                        trace("loading thumbnail "+item+" into Scroller: " + url);
                        //assign event listeners for Loader
                        ldr.contentLoaderInfo.addEventListener(Event.COMPLETE,completeHandler);
                        ldr.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, errorHandler);
                        ldr.load(urlReq);
                        thisThumb.addChild(ldr);
                        thisOne.addChild(thisThumb);
                        //create listeners for this thumb
                        thisOne.buttonMode = true;
                        thisOne.addEventListener(MouseEvent.CLICK, clickScrollerItem);
                        thisOne.addEventListener(MouseEvent.MOUSE_OVER, overScrollerItem);
                        thisOne.addEventListener(MouseEvent.MOUSE_OUT, outScrollerItem);
                        //add item
                        scroller.addChild(thisOne);
              trace("termination of build scroller");
    function clickScrollerItem(e:MouseEvent):void{
              trace("clicked item " +e.currentTarget.itemNum + " - visit url: " +e.currentTarget.link);
    function overScrollerItem(e:MouseEvent):void{
              trace("over"+e.currentTarget.title);
    function outScrollerItem(e:MouseEvent):void{
              trace("out"+e.currentTarget.title);
    function completeHandler(e:Event):void{
              //trace("thumbnail complete "+e.target.loader.parent.parent.title)
              TweenMax.to(e.target.loader.parent.parent, .5, {alpha:1});
              //size image into scroller
              resizeMe(e.target.loader.parent, 140, 105, true, true, false);
    function errorHandler(e:IOErrorEvent):void{
              trace("thumbnail error="+e);
    function resizeMe(mc:DisplayObject, maxH:Number, maxW:Number=0, constrainProportions:Boolean=true, centerHor:Boolean=true, centerVert:Boolean=true):void{
        maxH = maxH == 0 ? maxW : maxH;
        mc.width = maxW;
        mc.height = 110;
              mc.scaleX=mc.scaleY
              if (centerHor) {
                        mc.x = (maxW - mc.width) / 2;
              if (centerVert){
                        mc.y = (maxH - mc.height) / 2;

  • Creating a .jpg image from with in the J2ME app

    Hi,
    I want to send a document to the printer over bluetooth to print.
    For that I searched on net, but couldn't find any APIs supported by J2ME to print it. I also found a link http://www.hcilab.org/documents/tutorials/Brother/ where I found that I can send the data by creating an image and then writing data (text or image ) in to it, and then sending that image to print.
    Image img = Image.createImage(816, 40);
    Graphics g = img.getGraphics();
    g.setColor(0, 0, 0);
    g.setFont(Font.getFont(Font.FACE_PROPORTIONAL, Font.STYLE_BOLD,Font.SIZE_LARGE));
    g.drawString("Printing test from "
                             + System.getProperty("microedition.platform") + " on "
                             + new Date(), 10, 10, 0);
    driver.print(img, btAddr);This code is working fine on this printer.
    I am using HP 460cb printer, and I tried the same thing, but am not getting any results. Can any one of you tell me what mistake am I making.
                    Image blankImage = Image.createImage(SpotBilling.MAX_IMG_WIDTH, SpotBilling.MAX_IMG_HEIGHT);
                    Graphics g = blankImage.getGraphics();
                    g.setColor(0,0,0);
                    g.setFont(Font.getFont(Font.FACE_PROPORTIONAL, Font.STYLE_PLAIN, Font.SIZE_SMALL));
                    g.drawString("Printing test on Wednesday - 18th Jan, 2006", 10, 50, Graphics.TOP|Graphics.LEFT);
                    g.drawImage(imgTest, 60, 150, Graphics.HCENTER | Graphics.VCENTER);
                    int width = blankImage.getWidth();
                    int height = blankImage.getHeight();
                    int y = 0;
                    os.write(CMD_UNIVERSAL_EXIT);
                    for(int i = 1; i<=height; i++){
                             blankImage.getRGB(temp, 0, width, 0, y, width, 1);
                             byte[] pixels = new byte[width];
                             for (int x = 0; x < temp.length; x++) {
                                  pixels[x] = (byte) ((((temp[x] & 0x00FF0000) >> 16)
                                       + ((temp[x] & 0x0000FF00) >> 8) + (temp[x] & 0x000000FF)) / 3);
                             // Transfer Raster Graphics
                             os.write(TRANSFER_RASTER_DATA);
                             byte[] len = numToDecimal(pixels.length);
                             os.write(len);
                             os.write(DATA);
                             os.write(pixels);
                             y++;
                        }I have another query, if I can not do this. Is there any way I can create a .jpg image from with in the J2ME application.
    I have some text and an image that I get by invoking camera from the code and then capturing a picture. I need to combine them both, and then send it to the printer.
    If there is any way, I can convert this blankImage mentioned above (containing both text and Image), please provide me the solution.
    Any document or any source code is appreciated.
    regards,
    Ashish

    I have succeeded in creating a mutable image that contains text and image (.png), through
                         Image img;
                         img = Image.createImage(50, 60);
         protected void paint(Graphics g){
              g.drawImage(img, getWidth()/2, getHeight()/2, Graphics.HCENTER | Graphics.VCENTER);
              Graphics graph = img.getGraphics();
              graph.setColor(0, 0, 0);
              graph.setFont(Font.getFont(Font.FACE_PROPORTIONAL, Font.STYLE_BOLD,
                             Font.SIZE_LARGE));
              graph.drawString("Printing test from "
                                       + System.getProperty("microedition.platform") + " on ", 10, 10, 0);
              graph.drawImage(image, img.getWidth()/2, img.getHeight()/2,Graphics.HCENTER|Graphics.VCENTER);
              graph.fillArc(0,0,10,10,0, 360);
         }Now I want to create a .jpg image of this img image(Mutable image).
    What I am doing is that,
    1. I am converting this image in to int array, using getRGB() method.
    2. Then I am converting int array in to byte array.
    3. And then I am opening a file(extension is .jpg)
    4. Then I am sending this byte array in to the file which is .jpg
    The .jpg file is getting created, but the data in it is very absurd, like yyyyyyyyyyyyyyyyyyyyyyyy.
    Please help me in this matter.
    Regards,
    Ashish

  • Rotate Image Created with createImage() ?

    I've been looking around online for a way to do this, but so far the only things I have found are 50+ lines of code. Surely there is a simple way to rotate an image created with the createImage() function?
    Here's some example code with all the tedious stuff already written. Can someone show me a simple way to rotate my image?
    import java.net.*;
    import java.awt.*;
    import java.awt.geom.*;
    import java.awt.event.*;
    import javax.swing.*;
    public class RotImg extends JApplet implements MouseListener {
              URL base;
              MediaTracker mt;
              Image myimg;
         public void init() {
              try{ mt = new MediaTracker(this);
                   base = getCodeBase(); }
              catch(Exception ex){}
              myimg = getImage(base, "myimg.gif");
              mt.addImage(myimg, 1);
              try{ mt.waitForAll(); }
              catch(Exception ex){}
              this.addMouseListener(this);
         public void paint(Graphics g){
              super.paint(g);
              Graphics2D g2 = (Graphics2D) g;
              g2.drawImage(myimg, 20, 20, this);
         public void mouseClicked(MouseEvent e){
              //***** SOME CODE HERE *****//
              // Rotate myimg by 5 degrees
              //******** END CODE ********//
              repaint();
         public void mouseEntered(MouseEvent e){}
         public void mouseExited(MouseEvent e){}
         public void mousePressed(MouseEvent e){}
         public void mouseReleased(MouseEvent e){}
    }Thanks very much for your help!
    null

    //  <applet code="RotationApplet" width="400" height="400"></applet>
    //  use: >appletviewer RotationApplet.java
    import java.awt.*;
    import java.awt.event.*;
    import java.awt.geom.AffineTransform;
    import java.awt.image.BufferedImage;
    import javax.swing.*;
    public class RotationApplet extends JApplet {
        RotationAppletPanel rotationPanel;
        public void init() {
            Image image = loadImage();
            rotationPanel = new RotationAppletPanel(image);
            setLayout(new BorderLayout());
            getContentPane().add(rotationPanel);
        private Image loadImage() {
            String path = "images/cougar.jpg";
            Image image = getImage(getCodeBase(), path);
            MediaTracker mt = new MediaTracker(this);
            mt.addImage(image, 0);
            try {
                mt.waitForID(0);
            } catch(InterruptedException e) {
                System.out.println("loading interrupted");
            return image;
    class RotationAppletPanel extends JPanel {
        BufferedImage image;
        double theta = 0;
        final double thetaInc = Math.toRadians(5.0);
        public RotationAppletPanel(Image img) {
            image = convert(img);
            addMouseListener(ml);
        public void rotate() {
            theta += thetaInc;
            repaint();
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2 = (Graphics2D)g;
            g2.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
                                RenderingHints.VALUE_INTERPOLATION_BICUBIC);
            double x = (getWidth() - image.getWidth())/2;
            double y = (getHeight() - image.getHeight())/2;
            AffineTransform at = AffineTransform.getTranslateInstance(x,y);
            at.rotate(theta, image.getWidth()/2, image.getHeight()/2);
            g2.drawRenderedImage(image, at);
        private BufferedImage convert(Image src) {
            int w = src.getWidth(this);
            int h = src.getHeight(this);
            int type = BufferedImage.TYPE_INT_RGB; // options
            BufferedImage dest = new BufferedImage(w,h,type);
            Graphics2D g2 = dest.createGraphics();
            g2.drawImage(src,0,0,this);
            g2.dispose();
            return dest;
        private MouseListener ml = new MouseAdapter() {
            public void mousePressed(MouseEvent e) {
                rotate();
    }

  • Controlling image width in XML brought into TextField via RSS

    Hello. First off, let me say that I am new to these forums,
    and new to AS 3.0
    Here's my question.
    I'm building an RSS Reader. Everything is working great,
    except I can't figure out how to control the size of images
    embedded in the XML of the blog posts.
    I attempted to set up a textField with an attached css
    stylesheet to limit image widths, but I couldn't get that to
    function. Should I try saving the remote XML to my server via PHP,
    and then adding my desired maximum width to every <img> tag?
    That seems like a lot of work for a simple task.
    Ideally, I'm dreaming of a textField or TextArea or
    ScrollPane property that would force contents to obey the
    container's width. Can you tell I usually write css?
    Thanks in advance for any advice.

    Assuming that html is valid xml, and it apparently is if you
    are working with it successfully, you would access that value like
    this:
    description.img.(@src)
    A labelFunction would make it easy to display that string.
    I haven't worked much with in-line renderers so ai am not
    sure you you would do it in there.
    Tracy

  • Image width bug?

    http://pyroblue.dyndns.org:8080/flexapps/BhgPhotoContest/bin/BhgPhotoContest.html
    if you view that page, you can see there is a lot of
    whitespace underneath the image...im just setting the image width
    (similar to what you do with HTML)...but for some reason, Flex puts
    a bunch of whitespace (the original height's worth) at the bottom
    of the image....
    my mxml file looks like this:
    <mx:HTTPService id="contestListing" url="photocontest.xml"
    result="pcDataHandler(event)" fault="faultHandler(event)"/>

    <mx:Repeater dataProvider="{photoContests}"
    id="pcRepeater">

    <mx:VBox>
    <mx:Label
    text="{photoContests.getItemAt(pcRepeater.currentIndex).pcName}"
    fontSize="14" fontWeight="bold"/>

    <mx:HBox>
    <mx:Image
    source="{photoContests.getItemAt(pcRepeater.currentIndex).prevPhoto}"
    maxWidth="75" maintainAspectRatio="true"/>
    <mx:Text
    text="{photoContests.getItemAt(pcRepeater.currentIndex).desc}"
    width="400" fontSize="10"/>
    </mx:HBox>
    </mx:VBox>
    </mx:Repeater>
    </mx:VBox>
    any ideas?

    Let's say your image is 300x300 pixels. You want to place it
    into an area that is 100x200 and an area that's 500x200, centered
    in both:
    <mx:Image id="img1"
    width="100" height="200" source="{imagefile}"
    scaleContent="true" maintainAspectRatio="true"
    horizontalAlign="center" verticalAlign="middle" />
    <mx:Image id="img2"
    width="500" height="200" source="{imagefile}"
    scaleContent="true" maintainAspectRatio="true"
    horizontalAlign="center" verticalAlign="middle" />
    For img1, the smallest dimension is 100 (width) which it
    matches to the real image's maximum dimension which is 300. That
    means img1 will display an image 100x100 centered vertically with
    50 pixels above and below.
    For img2, the smallest dimension is 200 (height) which it
    matches to the real image's maxium dimension which is 300. That
    means img2 will display an image 200x200 centered horizontally with
    150 pixels to the left and right.
    The Image tag has 2 dimensions: img.width and img.height is
    the area it occupies on the display. img.contentWidth and
    img.contentHeight is area the pixels occupy. For img1, contentWidth
    and contentHeight are 100, for example.

  • The crawled property of Image width and height - is there a differnce when the image is png format?

    Hi,
    We are indexing file share with images and get the properties of Image Width, Image Height, Image Size (we show it as refiners in SharePoint after make it managed properties). Somehow when the picture is png format - we see only Size but not height and width.
    Is that any setting that should be done in the file share (when i select an image in the windows explorer window i can see all its properties, and it seems that png files do expose the width and height properties
    keren tsur

    Hi  Keren,
    According to your description, my understanding is that when you tried to  crawl file share with images, the ows_ImageWidth and ows_ImageHeight crawled property for PNG  file could not be generated.
    For your issue, I can reproduce your issue in my SharePoint 2013 environment. For a workaround, you can upload the PNG images into SharePoint images Library and they would work fine.
    Best Regards,
    Eric
    Eric Tao
    TechNet Community Support

  • Rotating image loaded with CameraRoll

    I'm having trouble working out how to rotate an image loaded using CameraRoll on an AIR for iOS app.
    This code below works fine (displayImage() is called when CameraRolls media event returns completed, and imageArea is the scrollPane where the image is shown.
         function displayImage():void
         var image:Bitmap = Bitmap(imageLoader.content);
         imageArea.source = image;
    The image loads just fine untill I try to rotate it:
         function readMediaData():void
         var image:Bitmap = Bitmap(imageLoader.content);
         var imX:int = image.width;
         var imY:int = image.height;
              if (imX>imY)
                  image.rotation = 90;
         imageArea.source = image;
    With the second version the image seems to load because the scroll bars expand to the size of the image I choose, but I don't see anything on the stage.
    What am I doing wrong?
    Any suggestions would be really appreciated.

    I added the new width back to images x position but no joy; no matter what x & y I set the image to, it cannot be seen. The scroll bars expand exactly the right amount for the 'invisible' image, regardless of it's x & y positions as well (you'd think if the image was out of the scrollPane the bars wouldn't adjust like that. I'm not doing something right.
    I'm stumped on this but I'll keep trying things. Thanks for your help and the lead, I appreciate it and it may be part of the problem, but there seems to be a different problem as well.

  • Spry Image Slideshow with Filmstrip- Filmstip thumbs loading incorrectly

    Hello, I am hoping someone will be able to help me. I loaded the Widget for the Spry Image Slideshow with Filmstrip. After reading several tutorials as that the product did not work correctly, I finally got the corrupted .js fixed (thanks Accustic Gramps for all your posts very helpful when going through looking). First page looks great, now, I put the slideshow on another page and loaded it, but the filmstrip is now loading off placement so the thumbs are all messed up.
    Hoping someone can help me.
    here is the code and the link:   http://www.highqualitycontractinginc.com/additions.html
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>High Quality Contracting Inc- Craftsmanship You Can Trust</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>High Quality Contracting Inc- Craftsmanship You Can Trust</title>
    <meta name="author" content="Mouse Bytez- Website Design and Hosting Services" />
    <meta name="Description" content="High Quality Contracting, Inc- serving Southeastern Wisconsin for all of your contracting, remodeling needs." />
    <meta name="Classification" content="Building and remodeling  Contractor " />
    <meta name="ROBOTS" content="ALL" />
    <meta name="distribution" content="local" />
    <meta name="verify-v1" content="Adu52DLSLorp36w7Ec2sX5iUCtXJGFKRzejTHlondpg=" />
    <link rel="stylesheet" href="stylesheets/style.css" type="text/css" />
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="/Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryT humbnailFilmStripPlugin.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryT itleSliderPlugin.js" type="text/javascript"></script>
    <script src="http://www.highqualitycontractinginc.com/Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryP anAndZoomPlugin.js" type="text/javascript"></script>
    <link href="http://www.highqualitycontractinginc.com/Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.c ss" rel="stylesheet" type="text/css" />
    <style type="text/css">
    #ImageSlideShow {
        width: 500px;
        border: solid 4px #000000;
        background-color: #FFFFFF;
        padding-top: 10px;
    #ImageSlideShow .ISSName {
        top: -24px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 18px;
        text-transform: uppercase;
        color: #000000;
    #ImageSlideShow .ISSSlideTitle {
        top: -18px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        overflow: hidden;
        color: #AAAAAA;
        text-transform: none;
    #ImageSlideShow .ISSClip {
        height: 400px;
        border: solid 1px #000000;
        background-color: #000000;
    #ImageSlideShow .ISSControls {
        top: 11px;
        height: 400px;
    #ImageSlideShow .FilmStrip {
        height: 80px;
        background-color: #CCCCCC;
    #ImageSlideShow .FilmStripPreviousButton, #ImageSlideShow .FilmStripNextButton {
        width: 25px;
        height: 80px;
    #ImageSlideShow .FilmStripTrack {
        height: 80px;
    #ImageSlideShow .FilmStripContainer {
        height: 80px;
    #ImageSlideShow .FilmStripPanel {
        height: 80px;
        padding-left: 10px;
    #ImageSlideShow .FilmStripPanel .ISSSlideLink {
        border: solid 1px #AAAAAA;
        background-color: #FFFFFF;
    #ImageSlideShow .FilmStripPanel .ISSSlideLinkRight {
        border: solid 1px #AAAAAA;
        width: 56px;
        height: 47px;
    #ImageSlideShow .FilmStripCurrentPanel .ISSSlideLink {
        background-color: #FFFFFF;
        border-color: #FF0000;
    #ImageSlideShow .FilmStripCurrentPanel .ISSSlideLinkRight {
        border-color: #AAAAAA;
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141543" binding="#ImageSlideShow" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <!--  / WRAPPER \ -->
    <div id="wrapper" class="bg">
        <!--  / MAIN CONTAINER \ -->
          <div id="mainCntr">
            <!--  / HEADER CONTAINER \ -->
            <div id="headerCntr">
              <h1><img src="images/bbbsealh1US.gif" width="135" height="51" /></h1>
                  <!-- / MENU CONTAINER \ -->
              <div class="menuCntr">
                        <ul>
                          <li class="selected"><a href="index.html" class="home">Home</a></li>
                          <li><a href="about.html" class="home">About </a></li>
                          <li><a href="links.html" class="links">Links</a></li>
                          <li><a href="service.html" class="service">Services</a></li>
                          <li><a href="contact.html" class="contact">Contact</a></li>
                        </ul>
              </div>
                  <!-- \  MENU CONTAINER  /-->
           </div>
            <!--  \ HEADER CONTAINER / -->
           <img src="images/logo.jpg" width="987" height="289" alt="High Quality Contracting Inc" />       <!--  / CONTENT CONTAINER \ -->
          <div id="contentCntr">
              <!--  / LEFT CONTAINER \ -->
              <div id="leftCntr">
                <!--  FEATUERED BOX  -->
                    <!--  / FEATUERED BOX \ -->
                <div class="featurdBox">
                     <ul>
                        <li onclick="tab1()" ><a href="javascript:void(null); class="active">Menu</a>
                            <ul id="first" style="display: block;">
                                <li><a href="additions.html" title="remodeling additions"> Addition Construction</a></li>
                                <li><a href="affiliates.html" title="affiliates">Affiliates </a></li>
                                <li><a href="cabinetry.html" title="cabinetry construction">Cabinetry Construction</a></li>                    
                                <li><a href="chimney.html" title="chimney construction and repair">Chimney Construction/Repair</a></li>
                                <li><a href="about.html" title="company profile">Company Profile </a></li>
                                <li><a href="decks.html" title="custom deck builders">Custom Decks </a></li>
                                <li><a href="http://www.johnsonbankmortgage.com/vmyszewski" title="financing services through Johnson Bank" target="_blank">Financing Services </a></li>
                                <li><a href="flooring.html" title="hardwood, carpet, tile flooring">Flooring Services </a></li>
                               <li> <a href="grading.html" title="grading services">Grading Services </a></li>
                              <li> <a href="garages.html" title="garage construction and remodeling">Garages Construction</a></li>
                              <li><a href="interior.html" title="interior walls and painting">Interior Walls </a></li>
                               <li><a href="organizations.html" title="organizations"> Organizations & Charities</a></li>
                               <li><a href="rec_rooms.html" title="rec rooms and bonus rooms"> Rec Rooms/Bonus Rooms </a></li>
                                                          <li><a href="rough_carptentry.html" title="rough carpentry"> Rough Carpentry</a></li>
                               <li><a href="siding.html" title="vinyl siding"> Siding Services </a></li>
                               <li><a href="testimonial1.html" title="testimonial 1"> Testimonial 1</a></li>
                               <li><a href="testimonial2.html" title="testimonial 2"> Testimonial 2</a></li>
                               <li><a href="testimonial3.html" title="testimonial 3"> Testimonial 3</a></li>
                               <li><a href="testimonial4.html" title="testimonial 4"> Testimonial 4</a></li>
                               <li><a href="testimonial5.html" title="testimonial 5"> Testimonial 5</a></li>
                               <li><a href="testimonial6.html" title="testimonial 6"> Testimonial 6</a></li>
                               <li><a href="testimonial7.html" title="testimonial 7" class="last"> Testimonial 7</a></li>
                          </ul>
                        </li>
                      </ul>
                </div>
                <!--Feature end -->
            <!--  / YES BOX \ --></div>
              <!--  \ LEFT CONTAINER / -->
              <!--  / RIGHT CONTAINER \ -->
              <div id="rightCntr">
                  <!--  / WELCOME BOX \ -->
                <div class="welcomeBox">
                  <h2>Home Additions examples</h2>
                  <ul id="ImageSlideShow" title="High Quality Contracting Inc ">
                <li><a href="images/2011/large/Additionafter1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Additionafter1.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/2nd-floor-addition.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/2nd-floor-addition.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Caledonia-addition-After1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-After1.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
                <li><a href="images/2011/large/addition.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/addition.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Addition-framing2.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Addition-framing.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
                <li><a href="images/2011/large/Completion-2nd-floor-additi.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Completion-2nd-floor-additi.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Caledonia-addition-rear-vie.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-rear-vie.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-After1.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After1.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-After.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Addition-framing2.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Addition-framing1.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Elm-Grove-Addition-During.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Elm-Grove-Addition-During.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Dormer.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Dormer.jpg" alt="Wisconsin Addition Construction" /></a></li>
                <li><a href="images/2011/large/Caledonia-addition-After.jpg" title="Wisconsin Construction and Remodeling"><img src="images/2011/thumbs/Caledonia-addition-After.jpg" alt="Wisconsin Construction and Remodeling" /></a></li>
              </ul>
              <script type="text/javascript">
    // BeginOAWidget_Instance_2141543: #ImageSlideShow
    var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
        widgetID: "ImageSlideShow",
        widgetClass: "BasicSlideShowFS",
        injectionType: "replace",
        autoPlay: true,
        displayInterval: 4000,
        transitionDuration: 2000,
        componentOrder: ["name", "title", "view", "controls", "links"],
        sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
        plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin, Spry.Widget.ImageSlideShow.TitleSliderPlugin, Spry.Widget.ImageSlideShow.PanAndZoomPlugin ],
        TFSP: { pageIncrement: 8, wraparound: true }
    // EndOAWidget_Instance_2141543
                           </script>
                </div>
                <!--  / PORTFOLIO BOX \ -->
                <div class="portfolioBox">
                    <h2>Home addition construction
    </h2>
                    <p class="style21">Sometimes moving is just an option, yet you need that extra space. As  a master home remodeler, High Quality Contracting Inc can build your 1st or 2nd story addition creating the perfect space and improving the look of your home. We have years of experience in creating beautiful functional additions. </p>
                    <p> </p>
                    <p class="style21">We offer the following:
                   <br /><br /></p>
                    <ul>
                      <li class="style21"><strong>* 1st and 2nd floor additions</strong></li>
                      <li class="style21"><strong>* In-law suites</strong> </li>
                      <li class="style21"><strong>* Sun Room Additions </strong></li>
                      <li class="style21"><strong>* Garden Room Additions </strong></li>
                      <li class="style21"><strong> * Home Office Addtions </strong></li>
                      <li class="style21"><strong> * Three Season Room Additions </strong></li>
                      <li class="style21"><strong> * Great Room Additions</strong> </li>
                      <li class="style21"><strong> * Hot Tub Room Additions</strong></li>
                      <li class="style21"><strong> * Family Room Additions</strong> </li>
                      <li class="style21"><strong> * Home Theater Addtions</strong> </li>
                      <li class="style21"><strong> * Many more options available</strong> </li>
                  </ul>
                </div>
                  <!--  / PORTFOLIO BOX \ -->
              </div>
              <!--  \ RIGHT CONTAINER / -->
           </div>
          <!--  \ CONTENT CONTAINER / -->
        </div>
        <!--  \ MAIN CONTAINER / -->
        <!--  / FOOTER CONTAINER \ -->
        <div id="footerCntr">
                <div class="footerBox">
                     <a href="http://www.facebook.com/pages/High-Quality-Contracting-Inc/154074487989079?sk=wall" target="_blank"><img src="images/facebook.jpg" alt="High Quality Contracting Facebook Page" width="52" height="47" border="0" /></a>
                    <p align="center">&copy; High Quality Contracting, Inc All Rights Reserved| Web Site by: <a href="http://www.mousebytez.com" title="mouse bytez, llc" target="_blank">Mouse Bytez,LLC</a></p>
                  </div>
        </div>
        <!--  \ FOOTER CONTAINER / -->
    </div>
    <!--  \ WRAPPER / -->
    </body>
    </html>

    My apology, mousebytez, I now notice that you had already supplied the URL to your site in your first post.
    And now my second apology, I have tried the page in IE7+ and in FF and see no problem. Could you please bear with this old soul and explain the problem a bit further.
    Gramps

  • Spry Image Slideshow with Filmstrip (1.0) - strange behavior

    I am developing a fairly simple website based on Adobe's fixed two-column, header & footer template.  The left column is now 180 px wide, with the right column being 630 px.  When I place the Lightbox Gallery Widget into the editable region of the main content area, it works fine.  When I place the Wanderlust theme Spry Content Slideshow, it works fine.  When I place the Spry Image Slideshow Basic, it works fine.  But when I place the Spry Image Slideshow with Filmstrip, it works sorta...  The navigation buttons work but are displaced toward the top of the image area and the photos are significantly below them.  It works, but it look terrible.  (see below) When I place the same widget into a blank HTML page it works fine, there is no displacement.  I have tried resizing just about everything including the main content area width, the view port, etc.  It does not matter if I use the default or an edited version of the widget.  What am I doing wrong?  Or what do I need to change?  I really like the way the widget looks, but cannot get it to work.
    I am doing all of this in CS5 on a Mac (10.6.4).

    vw2ureg,
    Thanks for your help.  I, too, was able to get it to work with a page with the default two-column, fixed template.  I must have made an error in resizing the template and/or am resizing the widget incorrectly.  I think my dimensions for the template are as follows: left column (180 content, 20 left padding, 10 right padding, 210 total) and main content (210 left margin, because the left column is floated; 630 content, 20 left, 20 right padding, 670 total).  Which both fit into a container of 880px.  Correct?  Yet even when the widget view port is sized to 600, I still get the effect shown in my original post.  FYI, in order to reduce sources of error I have stuck with the demo images rather than inserting my own at this point. 
    Once again, I do appreciate your help.  Although I'm very much the newbie at this, I'm finding it very interesting.

  • Multiple images associated with a page.

    I want some pages to have multiple images associated with them.  Currently, you can insert one image per page using the page properties.  What if you want to have multiple images associated with a page?  For example, you might want to have a large image, small image, a logo image, and an icon (all different images not just different sizes).  I was thinking of overriding the page propties and adding those images to the dialog.  Any thoughts?

    Awstewar1,
       Actually, the only use to image associated with page properties that I know is to use it on carousels. I realy don't see a need to do what you want, because you can get this "multi-render" effect directly from DAM. If you double click your asset on DAM, on the right side of the page there is multi-size samples, and you can even change this, and you can even use this multi-sized images, referencing the direct path that DAM generates to you.
      Maybe if you tell us your needs, we can think about another solutions (:
    Regards.

  • How to i add an image path with spry data set

    hi
    how to i add an image path with spry data set. I made a xml file and then created a data set in html but image won't load
    this is my XML
    <?xml version="1.0" encoding="UTF-8"?>
    <banner width = "185" height = "400">
        <item>
            <image scr = "nui-panforte-recipe_01.jpg" ></image>
            <description>CHOC-COCONUT PANFORTE</description>      
            <text1>Try this delicious GLUTEN FREE Christmas treat</text1>
            <text2>CHOC-COCONUT PANFORTE</text2>
        </item>
    </banner>
    this is my HTML
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script src="../../SpryAssets/xpath.js" type="text/javascript"></script>
    <script src="../../SpryAssets/SpryData.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.XMLDataSet("recipe_banner.xml", "banner/item");
    //-->
    </script>
    </head>
    <body>
    <div spry:region="ds1">
      <table>
        <tr spry:repeat="ds1">
          <td>{image}</td>
          <td>{description}</td>
          <td>{text1}</td>
          <td>{text2}</td>
          <td>{text3}</td>
          <td>{text4}</td>
          <td>{link}</td>
          <td>{url}</td>
          <td>{target}</td>
        </tr>
      </table>
    </div>
    </body>
    </html>

    It would be helpfull if you actually created an <img> tag to start with
    <img src="{image/@src}" />
    would work.

  • Maximum image size with createImage() in applet

    hi,
    I am making a simple Horizontal scrolling stocks ticker. I made an offscreen image with all the companies,prices etc on the image and just change the x position of the image. My problem is that when the data increases the applet fails to create the offscreen image.Giving the following error:
    com.ms.com.ComFailException: (0x80004005) Unspecified error
    at com/ms/awt/peer/INativeImage.create (INativeImage.java)
    at com/ms/awt/image/ImageRepresentation.offscreenInit (ImageRepresentation.java)
    at com/ms/awt/image/Image.<init> (Image.java)
    at com/ms/awt/ImageX.<init> (ImageX.java)
    at com/ms/awt/WComponentPeer.createImage (WComponentPeer.java)
    at java/awt/Component.createImage (Component.java)
    at ticker.init (ticker.java:97)
    at com/ms/applet/AppletPanel.securedCall0 (AppletPanel.java)
    at com/ms/applet/AppletPanel.securedCall (AppletPanel.java)
    at com/ms/applet/AppletPanel.processSentEvent (AppletPanel.java)
    at com/ms/applet/AppletPanel.processSentEvent (AppletPanel.java)
    at com/ms/applet/AppletPanel.run (AppletPanel.java)
    at java/lang/Thread.run (Thread.java)
    When the image width goes above 32767 this error props up. Also even if the image size is less than 32767, while scrolling if mouse or any other window comes over the applet the whole applet starts behaving funny i.e. the image scrolling on it disappears or gets converted into a rainbow.
    Please advise . Any help/comment is welcome. Thanx in advance .

    I'm having the same problem, did you ever find a solution for this?

Maybe you are looking for

  • G/L Report

    Hi Guys, I created a report on 0FIGL_O02.The report has to show the transactions during a period.Input for this report is G/L Range.The KF's are Debit Amount,Credit Amount and Cumulated Balace with Document date and Document No.in Rows.Everything is

  • ITunes stopped working and now all of my apps for my iPhone and half of my music is gone. How do I get it all back?

    I've recently upgraded to an iPhone 5, I had just restored my old iPhone 4 to its original settings while listening to my music. When that was finished I plugged my new phone in and I had an error message pop up saying "iTunes has stopped working" an

  • Cant touch screen...

    When ever I use my ipod touch, a certain part of the screen is outlined white. I have to tap the section of the screen I want and then double tap it again and it will delay. I can't scroll down in my settings to reset it. I truned it off and back on

  • Download error message Acrobat Pro

    I purchased a subscription for Acrobat Pro, but am unable to get it to download.  I get error message 1310:  wants me to verify that I have access to file   C:\config.Msi\d4fe396.rbf      Any suggestions?

  • Package com.sun.media

    Where do i find the API documentation of the package com.sun.media.