Lightbox 2 -size & position of  image

By default, the new image opens in the centre of the page and
is cropped to a default size. How can I adjust the code so that it
opens at a specific location and expands to specific size, please?
I want to use the code for single images of same size and to open
always at the same location..

thanks. they have a forum, named huddletogether, but that is
pretty well useless. Although same problem has been posted many
times, the developer and others have not replied.... Apparently,
the developer is TOO BUSY to attend to trivia like replying to
questions about his OWN product. Pretty poor... I say...Not
everyone wants the box to open in the centre of the page..:-((
Hence my post here, in hope that someone might have the solution?
UPDATE at 16.00gmt. I have played around with the code in the
lightbox.js file. Line 237 has a line :
this.lightbox.setStyle({ top: lightboxTop + 'px', left:
lightboxLeft + 'px' }).show();
I have added couple values, which position the image exactly
where I want it. As:
this.lightbox.setStyle({ top:160+ 'px',
left:(-100+lightboxLeft)+ 'px' }).show();
However, I am still looking for the code which gets the
image's dimensions.... Maybe, there is no such a thing, as the
enlarged images are always shown the same size; they are
increased/decreased to the default value...
Any ideas, please?
UPDATE: That's all sorted. But as a result, the 'close' and
'load' images are now showing far, far too big and in wrong
position...

Similar Messages

  • Manipulation of the size of an image inserted into an Image Field

    Hi,
    I'm learning LiveCycle Designer ES 8.2 as I go. My apologies for the lengthy post but I'm trying to give you as much background as possible.
    I'm are trying to design a form that will allow us to automate data entry (by importing fields into our Access dbase instead doing the data entry by hand).  However, at the end of the day, I also need an electronic pdf file of the same form and a printed paper copy.  Things have been going well until working with the Image Field.
    The form is fairly complicated - 4 pages long.  We're collecting extensive data on specific locales (location, what was seen there, who did the work, etc). On one page, three different images (maps) are needed, each one showing different details on the site's location.  [Please note these images will not be imported into the database but must appear in the electronic pdf and on the paper copy.] The people who fill out the forms are expected to do so using Adobe Reader (the form will have extended rights so that they can save the data they enter on the form).  They would then email us the form as an xml file.  Once we receive the form, we have to add some additional information and then the finalized paper copy and electronic pdf would be made.  We have already done this successfully with much simpler forms, none of which have needed Image fields.
    Here's my problem - one of the three maps required is a standard 1:50000 scale topographic map which shows things like contour lines and latitude/longitude lines.   For accuracy and comparison reasons, having the standard 1:50000 scale is very important to us, so we can make absolutely certain the submitter has the right location.  If the dot plotted on the map is out just a few millimeters, we're looking at an error that represents 100s of meters on the ground.
    The current form exists in Word - we have never had any rules about the image formats used (jpg, gif, etc) or the resolution, as long as the image was clear.  The only rule was that the scale of the topographical map image HAD to be at 1:50000 scale.  This gets very tricky because Word will automatically mess with the physical appearance of the image, based on its resolution.  In most cases, the submitter simply readjusted the image within Word, stretching/resizing it manually until the scale was correct.  Another option was to use an image in the emf file format so that Word didn't readjust the image's appearance based on its resolution. Whatever method they used was fine by us, as long as the scale was correct.
    So far, after playing with all the "sizing" options of the Image field, along with embedding or not embedding the file, I do not see any way to control the physical size of the image. On our form, the three image fields are different sizes, with 2 of them being small (~2x3 inches) and the 3rd being large (~7x7 inches). Regardless of the settings I chose for each image field, the program simply resizes the topographic map whatever Image field it was inserted into,  making the same image appear physically smaller or larger at will.  I cannot correct the scale by resizing it, like I can in Word.   Instead, when I try to select the image, all I am asked is if I wish to insert another image.  Inserting an .emf file format into the field doesn't work - it only shows a blank screen instead of the image.
    Is there a way for the user to adjust the image's physical size in the form, after inserting it (like they can do in Word)?  Demanding that everyone use a standardized resolution or image format also seems highly unlikely to work - there are too many submitters and too many programs that can be used to make the image (some are making them using GIS programs, others are scanning the bought topographic print).  I'd appreciate any help you can give me on this.  I have had very little luck tracking down discussions on Image fields and how they work best within LiveCycle.  Any comments would be helpful!

    Hi,
    I have an example here that is intended to demonstrate the difference between Positioned and Flowed subforms: http://assure.ly/i8pSdy.
    This shows how you can use a slider to change the dimensions of the image object.
    I have extended this to an example with buttons to scale the image: http://assure.ly/i8ZI5Y
    This may not be fine enough for your purposes, but it may give you some ideas.
    Good luck,
    Niall
    Assure Dynamics

  • Lightbox won't display images

    I am using lightbox in dreamweaver and am having a hard time getting the pictures to display on the website. When you click on the image on the website, there is a continuous loading screen for the image. I thought I was having a hard time adjusting the right size of the image, but when I click on live view in dreamweaver, they show correctly. Why does it work in my live view, but not actual website? Am I not connecting it correctly?

    Katie Honas Graphic Design
    Katie Honas Photography
    A couple of my images won't display. I am cropping to make them fit in Photoshop. Is there a way I am saving or cropping them wrong? Thank you!

  • Looking for jquery lightbox script that stretches image to fill viewport

    There are a lot of lightbox scripts out there, but most of them seem to favor static-sized images.
    I'm surprised that I haven't been able to find too many of these scripts allow for images to make maximum use of a viewport's dimensions. In other words, lightbox-style scripts that will fit the target image inside the viewport (while retaining the image's native proportions), whatever size said viewport may be.
    I can easily imagine everyone from graphic designers, to painters, to photographers jumping on such a tool. After all, there's nothing worse than looking at a 500px image on a 1920px display. It makes the work feel small, and by proxy, the work's author look small.
    Granted, for the images to not appear stretched, the native size of the image would have to be larger than needed for most visitors, but portfolio websites aren't high-traffic websites. They're solely visited by potential employers and clients, and loading time isn't much of a concern anymore with today's average home broadband speeds topping 1mb/s.
    Ideally, the script would grey-out the website, and display an image to match 95% of the viewport's X or Y resolution (whatever is smallest) while retaining the image's native proportions.
    Does anyone know where I can find such a script, preferable in jquery (since I'm already using it on my website)?

    Finally found one! -> http://www.shadowbox-js.com
    I've been testing it out, and it does exactly what I described above. It's great.

  • Position multiple images CSS

    Hello I need to position 5 images of different sizes
    (combined they will equal a rectangle) the images will be links to
    other pages. I have been trying to do this using an unordered list
    with out anyluck.
    can someone reccomend what method i should be looking for.
    Thank you,
    Shontelle

    "shonts" <[email protected]> wrote in
    message
    news:f6oeqr$4o$[email protected]..
    > Hello I need to position 5 images of different sizes
    (combined they will
    > equal
    > a rectangle) the images will be links to other pages. I
    have been trying
    > to do
    > this using an unordered list with out anyluck.
    > can someone reccomend what method i should be looking
    for.
    Give your UL a width/height that matches the dimensions of
    the rectangle
    (style it with "position:relative"), then use
    "position:absolute" to
    position each one of the LI.
    Thierry
    Articles and Tutorials:
    http://www.TJKDesign.com/go/?0
    The perfect FAQ page:
    http://www.TJKDesign.com/go/?9
    CSS-P Templates:
    http://www.TJKDesign.com/go/?1
    CSS Tab Menu:
    http://www.TJKDesign.com/go/?3

  • I have just started to use Muse for our design agency and learning how to build ourselves a new site, I have manged to create a basic lightbox which contains sliding images, what I need to do now is have a pop up window which goes into detail about the pr

    I have just started to use Muse for our design agency and learning how to build ourselves a new site, I have managed to create a basic lightbox which contains sliding images, what I need to do now is have a pop up window which goes into detail about the projects, what I would like is a piece of text  or icon that when you roll over it and then click a separate window pops up with additional information in, once finished reading the info you can then click to close the box, any advice on how to do this?

    The best way to do what you're asking is with the Composition widget. Start with the Tooltip preset, which, by default shows the info on rollover. You can change the option to show on click, which is what you're after. You can also add the close button or have the info disappear on rollout.
    David

  • How can I find the file size of an image within an iPhoto event or album?

    In order to see the file size of any particular photo, I've been dragging a copy onto my desktop and using "get info." Is there a better way?
    I'm using 10.7.4 and iPhoto 11 v 9.3.2

    1. That's only getting the file size of the Preview.
    2. Click on a photo to select it. Then click on the info button. You can get the dimensions and the file size in the top of the pane
    Note that the final size of any image will depend on the export settings you choose.

  • How can you find out an individual image size from multiple images on a canvas

    This is probably a really really simple question but I can't for the life of me find how I can find out an individual image size from multiple images on a canvas. eg I have 3 photos i want to arrange 1 large and the other two next to it half the size. How can I edit individual image size on the canvas as when I select the image on a sperate layer I want to resize it just resizes the entire canvas and not the individual image
    Thanks

    I want to know they exact dimensions though. You can get them by dragging to the 0,0 corner and then reading off of the ruler scale on the sides but its fiddily as you have to zoom right in and work it out. I know in photoshop there is a ruler but is there any other way in Elements?

  • How to set the size of an image

    hi,
    I have a database which contain an image. now i want to retrieve this image & want to show this image in my jsp page as user's defined size. I have following code. My following code shows the original size of an image. Now i want to see different size of this image. How is this possible? I know control the size of this image after saving this image
    in a file. but i want to control the size of this image without saving this image in a file? IS it possible ? Is there anybody can help me?
    Please help me.
    ResultSet rs = null;
    PreparedStatement ps=null;
         InputStream sImage=null;
         byte[] imagebyte=null;
         String var;
         String name=request.getParameter("RegName") ;
         String image =request.getParameter("ImageFile");
         out.println(name);
         out.println(image);
         out.println();
         ps=con.prepareStatement("insert into t_image (ID, Image) values(?,?);");
           File file =new File(image);
        FileInputStream in = new FileInputStream(file);
        ps.setInt(1,1234);
        ps.setBinaryStream(2,in,(int)file.length());
        ps.execute();  
        rs =stm.executeQuery("select Image from t_image where ID=1234");
        if(rs.next()) {
       imagebyte =rs.getBytes(1);
        response.reset();
        response.setContentType("image/jpeg");
        %>
    <%
    response.getOutputStream().write(imagebyte);
    %>
    <%
        response.flushBuffer();
    %>With regards
    Bina

    hi,
    I have a database which contain an image. now i
    want to retrieve this image & want to show this
    image in my jsp page as user's defined size. I have
    following code. My following code shows the original
    size of an image. Now i want to see different size
    of this image. How is this possible? I know control
    the size of this image after saving this image
    n a file. but i want to control the size of this
    image without saving this image in a file? IS it
    possible ? Is there anybody can help me?This has nothing to do with JDBC; you can only store and retrieve the image you have and there's no image manipulation functions in JDBC (nor should there be).
    I can see 2 options:
    1) serve the image file as is, but in the jsp that writes the html that contains the "<img>" tag that gets it, use the "height" and/or the "width" to scale the suppied image to presentation size you want.
    2) find some image manipulation code that will convert the image into the size you want
    Option 1 will work well if the problem you have is merely refining the image size for presentation. Option 2 is your only coice if it's the image files size itself you really want to change, not just it's appearance on a page.

  • Why is the size of new image constructed using Bufferd Image class less?

    I am trying to compress image losslessly, for start I what I am doing is:
    step1. Access pixels of .jpg image and store in array
    Step2. Reconstruct the image from same array
    What I have found is, that the size of new image constructed is less than the original.
    I am pasting the code below
    public static void main(String[] args) {
    BufferedImage sourceImage = null;
    try {
    sourceImage = ImageIO.read(new File("Sample.jpg"));
    } catch (IOException e) {
    int type = sourceImage.getType();
    int w = sourceImage.getWidth();
    int h = sourceImage.getHeight();
    byte[] pixels = null;
    if (type == BufferedImage.TYPE_3BYTE_BGR) {
    System.out.println("type.3byte.bgr");
    pixels = (byte[]) sourceImage.getData().getDataElements(0, 0, w, h, null);
    try {
    BufferedImage edgesImage = new BufferedImage(w, h, BufferedImage.TYPE_3BYTE_BGR);
    edgesImage.getWritableTile(0, 0).setDataElements(0, 0, w, h, pixels);
    ImageIO.write(edgesImage, "jpg", new File("result.jpg"));
    } catch (IOException e) {
    Please could any one explain me why is it so?

    I am working on a IEEE paper where in I am supposed to achieve a better compression ratios as compared to current JPEG standards. So if only loading and displaying the image results in size reduction and quality too, how do I go ahead with my algorithmI suggest you:
    (a) start with images in an uncompressed format such as TIFF, rather than a format which is already lossy (JPEG)
    (b) acquire some basic knowledge about JPEG before you attempt to improve on it, and
    (c) learn to quote accurately. Otherwise your paper will be refereed out of existence. I didn't say anything about 'loading and displaying the image resulting in size reduction and quality too'. I said 'loading and storing'; and 'change the contents', not 'size reduction and quality too'.
    A JPEG load and store operation does not result in a bitwise identical file. Frankly you should already know that.

  • Determining the size of an Image

    I am running Pages 5.2 and I have a document with a whole load of images taken from photos. Usually I shrink the original images to keep the document size manageable but I forgot on some but I don't know which. Is there a way I can determine the size of individual images in the document ?

    In Pages v5.2, there does not appear any means to assess the image storage size, but File > Reduce File Size will offer a prompt stating an amount it can reduce the current selected image.
    Another approach is to select the image, and press command+C to put it on the clipboard. Launch Preview, ignore the open dialog, and choose File > New from Clipboard. You now have two choices to assess image size: 1) Use the Inspector (General Info panel) from the toolbar, or 2) Menu > Tools > Adjust Size...

  • Adjusting the size of an image going into Photoshop from LR2

    At the bottom of the Adobe Camera Raw converter, there is a box that allows you to either make the default RAW file smaller or larger as it goes into PS. In Lightroom 2, I found the Edit In command, and the options to change to 16 bit and the color profile picker, but I don't see a command to change the size of the image.
    Any help would be appreciated.
    M. Jackson

    It's not there. It will only go into Photoshop at native resolution. Then it is one second work to scale it in Photoshop if you really need to.

  • Checking the size of the image..

    Hi All,
    i have attached am image from using attachments functionality from Purchasing module.
    the image get stored in table fnd_lobs..
    Now i want to know the size of the image..
    whether it is 30kb or 1MB..
    Is there any function in Oracle to calculate the image size..
    We are on 11.5.10.2
    and 11g DB.
    Regards,
    Jana

    Pl see MOS Doc 401094.1 (How To Determine The Size of a File In Table FND_LOBS?)
    HTH
    Srini

  • Increasing the size of an image

    I have a BufferedImage and I want to double the size of this image.
    I have used following code for that but this approach distorts results.
    public static BufferedImage enlarge(BufferedImage image) {
    int w = 2 * image.getWidth();
    int h = 2 * image.getHeight();
    BufferedImage enlargedImage =
    new BufferedImage(w, h, image.getType());
    for (int y=0; y < h; ++y)
    for (int x=0; x < w; ++x)
    enlargedImage.setRGB(x, y, image.getRGB(x/n, y/n));
    return enlargedImage;
    Is there some build in method in Java that uses Interpolation to increase size of an Image.
    best wishes
    M3

    Consider using AffineTransform or simply scale() method of graphics.
    For instance check this post http://www.javalobby.org/java/forums/t19387.html
    Choosing good interpolation hints may imrpove quality of result
    see docs for RenderingHints.KEY_INTERPOLATION and java.net forums.

  • Changing size of the image

    I am trying to change the size of an image using setPreferredSize(int width, int height)
    The API says that if the size specified is less than the minimum width and height, the minimum width and height is used. But they have told that if the width and height specified is more than the minimum it would be accepted.
    I wrote this program. I am using the heart image in this forum as the picture. But the size isn't getting changed. I am trying to scale the image.
    Here is the code. I am using ImageItem.setPreferredSize( )
    * CanvasGraphics.java
    * Created on August 12, 2007, 4:31 PM
    import javax.microedition.midlet.*;
    import javax.microedition.lcdui.*;
    import java.util.*;
    import java.io.*;
    * @author  quest
    * @version
    public class ImagePortability extends MIDlet implements CommandListener
        private Command exitCommand;
        private Display display;
        private SSCanvas screen;
        public ImagePortability()
            display = Display.getDisplay(this);
            exitCommand = new Command("Exit", Command.EXIT, 2);
            screen = new SSCanvas();
            screen.addCommand(exitCommand);
            screen.setCommandListener(this);
        public void startApp()
            display.setCurrent(screen);
        public void pauseApp()
        public void destroyApp(boolean unconditional)
        public void commandAction(Command c, Displayable d)
            if(c == exitCommand)
                destroyApp(false);
                notifyDestroyed();
    class SSCanvas extends Canvas
        private Image slides;
        private String captions = "One";
        private int curSlide = 0;
        private ImageItem imageItem;
        public SSCanvas()
            try
                slides = Image.createImage("/favorite.gif");
                imageItem = new ImageItem("",slides,Item.LAYOUT_CENTER,"");
                imageItem.setPreferredSize(100, 100);
                slides = imageItem.getImage();
            catch(IOException e)
                System.err.println("Failed loading images");
        public void keyPressed(int keyCode)
            int action = getGameAction(keyCode);
            switch(action)
                case LEFT:
                    repaint();
                    break;
                case RIGHT:
                    repaint();
                    break;
         /** Creates a new instance of OlympicsCanvas */
         public void paint(Graphics g)
            //g.setColor(255, 255, 255);
            //g.fillRect(0, 0, getWidth(), getHeight());
            g.drawImage(slides,getWidth()/2, getHeight()/2, Graphics.HCENTER | Graphics.VCENTER);
            //Font f = Font.getFont(Font.FACE_PROPORTIONAL, Font.STYLE_BOLD, Font.SIZE_MEDIUM);
            //g.setFont(f);
            //g.setColor(0, 0, 0);
            //g.drawString(captions[curSlide], getWidth()/2, 0, Graphics.HCENTER | Graphics.TOP);
    }

    I changed my code to this and still it isn't working
    * CanvasGraphics.java
    * Created on August 12, 2007, 4:31 PM
    import javax.microedition.midlet.*;
    import javax.microedition.lcdui.*;
    import java.util.*;
    import java.io.*;
    * @author  t_anoop
    * @version
    public class ImagePortability extends MIDlet implements CommandListener
        private Command exitCommand;
        private Display display;
        Image slides;
        ImageItem imageItem;
        Form screen = new Form("");
        public ImagePortability()throws IOException
            display = Display.getDisplay(this);
            exitCommand = new Command("Exit", Command.EXIT, 2);
           // screen = new SSCanvas();
            screen.addCommand(exitCommand);
            screen.setCommandListener(this);
            slides = Image.createImage("/favorite.gif");
            imageItem = new ImageItem("",slides,Item.LAYOUT_CENTER,"");
            imageItem.setPreferredSize(200, 200);
            screen.append(imageItem);
            slides = imageItem.getImage();
        public void startApp()
            display.setCurrentItem(imageItem);
        public void pauseApp()
        public void destroyApp(boolean unconditional)
        public void commandAction(Command c, Displayable d)
            if(c == exitCommand)
                destroyApp(false);
                notifyDestroyed();
    }

Maybe you are looking for