Lightbox image 100% browser height or width

Hello everybody,
I am new here but I have a question regarding the lightbox. I am searching for a way to show an image in a lightbox that presents the image 100% browser height or width. The lightbox in muse only can show an image in native format. So if the image is too large for the height or width of the browser, the image will be cropped.
Is there a widget or another way to make the image scale in a lightbox with the browser height and width?
I hope someone could help me with this.

You can use any other slide show with full width as because lightbox will show the original image centrally on screen.
Thanks,
Sanjit

Similar Messages

  • Image rendition customizing height and width

    Hello  i have problem with image rendition i dont know how to enable it is there any feature i must activate or its just query 
    coz i type the
    URL : http://server name/SiteAssetes/img/Filename.jpg?Rendition=2
    i cant get the resized image and if there any way to specify the height and the width and i tried from site setting from look and feel i cant find it the image rendition .

    not
    programmatically i think its afeature from sharepoint 2013 you can play with image size and all that stuff with only URl but its not working with me 

  • [REQ] resizing multiple images for same height or width

    I often insert a lot of images in my indesign documents on a single page. I need to make them of the same height and then resize the image accordingly. I'm using cs6
    For example to align all the images horizontally in a neat way, I change the height manually [for e.g. 60mm] in its dimensions box. Is there a way to do it quickly? Eg. I select all the images and put their height 60mm and their height becomes as specified and they get resized accordingly?
    Same is the requirement of images for width.

    See my reply here: [REQ] fast performance of an exported pdf on slow pc

  • Muse 7.0 plus Chrome: browser does not show images full browser width

    Hi there,
    I have a serious problem with the latest Muse version: the images which I use as parallax-masks for the background won't work with Chrome, though Safari and Firefox are not showing any problems. The issue: Chrome does either not scale the images to 100% browser-width or does not show them at all, or even shows the images cut into narrow stripes. This problem did not show in the previous version of Muse.
    Of course I already restarted application and computer. System: Mac OSX Mavericks.
    What to do now? The presentation with the client is very soon and this bug makes me very nervous.
    Best,
    bartl

    The problem bartl encountered and reported was fixed by the 7.1 release (November 21st). The problem you're describing sounds different.
    As of yet, I'm unable to reproduce what you're describing. The URL you've provided views the same in all the browsers I've tried, Chrome (32.0.1700.77) and non-Chrome, Mac and Windows.
    That said, looking at your master page I don't think you've created what you intended. At present there are two full screen slideshows on your A-master. On contains no images and the other contains a single image. Both are set to have thumbnails and the thumbnails container is off the right side of the page.
    If you look at your "Master Slideshow" layer in the Layers panel, you'll see the two slideshows. I think you'll want to delete one of them and, given your design, turn off thumbnails for the remaining one.
    Also, if you don't plan to have multiple images in the full screen slideshow, you'd be better off using a background fill image rather than the slideshow widget.
    I remain a bit puzzled how/why you're seeing different behavior in your instance of Chrome. Have you cleared your browser cache?
    On an unrelated note, if you set the page fill and stroke to none and set the browser fill to the most common color from the garage door image, it will avoid the momentary appearance of a white page on a grey background when your home page first loads. Instead the site visitor would see a blank page that's the most common color from the slideshow image, until that image loads.

  • How to resize and maintain height and width ratio IR image column

    Hello, I am upgrading from 3.2 to 4.1 reports that include images in report columns. I have had good success with this except for one thing. If the height and width is fixed it distorts the photos, and if I do not have fixed dimensions the image may be too large depending on the original dimensions of the :P1_PHOTO item which is File Browse... BLOB column. I do not want to restrict users ability to upload large image files, or files with different dimensions, but I want them to display as a thumbnail size proportional to the original dimensions in the report, or maybe I need a different approach? Report region template is No Template. I appreciate any suggestions.
    select decode(nvl(dbms_lob.getlength(photo),0),0,null,'<img src="'||apex_util.get_blob_file_src('P1_PHOTO',id)||'" height="75" width="75"/>') photo from table.
    I tried using percent i.e.: width="10%" that does not work.
    I have tried several variations of <style> in page HTML header to change column width, but the image size does not change.
    <style>
    td[headers="PHOTO"] {
    width:75px;
    </style>
    <style>
    #apexir_PHOTO{width: 75px;}
    </style>
    Thanks.

    Try to go with max-width / max-height. However, if you have IE browser, hang on for pain. For some ideas, some links:
    http://wordpress.mfields.org/2011/scaling-images-in-ie8-with-css-max-width/ (ignore object-fit, it is not yet supported on most browser)
    http://stackoverflow.com/questions/3915219/max-width-on-img-tag-not-working-in-ie8
    etc. Be sure to try out your chosen solution on the target browser(s)!
    IE is just nasty :(
    What i have done before is not to have my browser scale my images, especially when the images can be large(r) and you expect quite some traffic. All those extra (kilo)bytes won't help it load faster. I just added an extra column in the table, like photo_thumb, and create a scaled version of the uploaded picture when it is being inserted.
    For example, i have the following process on my apex page, and i'm using wwv_flow_files.
    Have some code:
    IF :P3_FIND_PHOTO IS NOT NULL THEN
       DECLARE
         v_id number;
         v_small_photo blob;
         v_large_photo blob;
         v_mime_type apxt_contacts_img.mime_type%type;
         v_content_type apxt_contacts_img.content_type%type;
       BEGIN
          SELECT blob_content a, blob_content b, mime_type, content_type
          INTO v_small_photo, v_large_photo, v_mime_type, v_content_type
          FROM wwv_flow_files
          WHERE name = :P3_FIND_PHOTO;
          IF lower(v_mime_type) NOT IN ('image/jpg', 'image/jpeg') THEN
             raise_application_error(-20001, 'File for upload is not a jpg!');
          END IF;
          -- Rezise the photo so that it is proportionally 125*125
          -- ordimage is an oracle type able to manipulate all sorts of pictures
          ordimage.process(v_small_photo, 'maxScale=125 125');
          -- If contact is of type personnel, then no need to store
          -- a large photo since it wont be displayed
          IF :P3_CONTACT_TYPE_ID = 2 THEN
            v_large_photo := NULL;
          END IF;
          -- Delete previously uploaded picture
          IF :P3_ID IS NOT NULL THEN
             DELETE FROM apxt_contacts_img
              WHERE contact_id = :P3_ID;
          END IF;
          -- Insert the data into the contacts_img table as a
          -- SELECT from WWV_FLOW_FILES
          INSERT INTO apxt_contacts_img
          (contact_id,
           image_name,
           mime_type,
           content_type,
           filename,
           small_photo,
           large_photo)
          VALUES
          (:P3_ID,
           :P3_LASTNAME,
           v_mime_type,             
           v_content_type,
           :P3_FIND_PHOTO,
           v_small_photo,
           v_large_photo);
          -- Remove the image from the apex wwv_flows_files table
          DELETE FROM wwv_flow_files WHERE name = :P3_FIND_PHOTO;
       END;
    END IF;

  • Can the 100% browser width function be used in non-master pages?

    Can the 100% browser width function be used in non-master pages? I watched the video about pulling it to the red edges, and did that on some of my parent pages, but when I preview the page in browser, it doesn't work. I can still see my browser edges.
    The idea for the website I am designing is to have different full browser width images for different pages, and I'm looking for a way to do that. I would create a different master for each page, but there are more than 20 pages...too many master pages! Thanks!

    Hi Lindsey,
    The 100% width feature works with rectangles and text frames on both master pages as well as regular pages. It doesn't work with images in either case. A possible workaround would be to use a rectangle with a background image, depending on the nature of your image.
    Regards,
    Nathan

  • Height and width of image loaded into blob?

    i am loading images into my database which is all working fine. in parts of my app i am displaying these images so i am wondering is there a way to get the dimensions (height an width) of the image you are loading in so that when it comes time to display you can scale as needed but the aspect ratio is the same so then the image is not distorted by just putting some random values for height and width.
    <br><br>
    eg
    instead of
    <br><br>
    select decode(file_type,'I','<imge src="OWNER.download_file?p_file=' || nvl(file_id,0) ||'" height="100" width="100" />','') from project_file
    where file_id = :P31_FILE_ID
    <br><br>
    i want to replace 100 with values from columns in table that were loaded at time of save
    Message was edited by:
    victorp

    thanks scott. is it correct to say that this example is storing the image at whatever size the user puts in the width and height boxes on screen? thats what it looks like to me anyway. i see there are functions to get these but does the user have to enter them still? it will be just what i need if indeed I do need it!
    Yes, that's correct. Of course you could modify the code so that you choose the size of the image, and not allow the user to change it.
    Thanks,
    - Scott -

  • Force HTML5 Video 100% Height and Width ?

    So stage is 100% height and width
    the video div is also a 100% height and width
    However the background video had spaces to the left and right where it isn't filling the div is there away around this to force it to fit a 100% width and height always leaving no gaps?

    Hi there,
    You mean stretch the aspect ratio of a video element to whatever size the container is? No, the video will resize to fit in the browser while still retaining its aspect ratio - this is actually desirable in most cases.
    It is possible to do what you want using the object-fit css property, but it's currently only supported in the latest versions of Chrome and Opera browsers:
    http://caniuse.com/#search=object-fit
    hth,
    Joe

  • 100% browser width in slideshow widget.

    Hi,
    Is there any way that I can have a slideshow of images at 100% of the browser width?
    I tried to extend the borders of the slideshow to the grey area, but this does not work. That said,  white space on each side of the browser appears (see below)
    Please somone help me!!!
    K.

    Hello,
    I would like to inform you that 100% browser width does not work for Images. It is basically for Rectangles and text boxes.
    As you are using images slideshow, I am afraid it might not work for you. A similar feature request is already logged here : http://forums.adobe.com/ideas/2108#comment-5612
    I would suggest you to vote for it and add your valuable comments to it.
    Regards,
    Sachin

  • Trying to determine the height and width of an image.

    Hi Everyone,
    I am currently trying to work out the height and width of a number of pictures. I have tried a couple of techniques. One involved using BufferedImages, which kept on throwing null pointer exceptions. So I am now tring to use the Image class from java.awt.Image. However I need to use an ImageObserver or some such thing, of which I have absolutely no knowledge. If there is anybody out there who knows how to gather the information I speak of from a number of photos, and is feeling kind enough to impart their knowledge to me it will be greatly appreciated. Thanks.
    Regards
    David

    Well, maybe your problem is loading in the images, but I'm assuming you know what your question is since I don't feel like going into what ImageObserver does (That's what google is for).
    Anyways, to get the height and width of an image you do this:
    You initialize your image:
    Image image = getImage("file.jpg")  //I don't remember the if this is correct, it's just my memory.To get the dimensions"
    image.getWidth();
    image.getHeight();If these return 0 it's more than likely because the image hasn't loaded correctly, which is why you need ImageObserver (IIRC there is a better API in the new ImageIO library, check the API).
    Best of luck.
    Virum

  • Height and Width of an image

    Hello All,
    I wanted to fnd out the width and the height of an image (.jpg).
    Please could anybody let me know if there are any function modules or any other ways to find it out.
    Thanks and Regards,
    Sushmitha

    Hi Vikrant,
    I am using fileupload UI element.
    I wanted to determine the height and width of the image internally in webdynpro application, after which I can allow them to save.
    Thanks and Regards,
    Sushmitha
    Edited by: Sushmitha S on Jun 19, 2009 1:49 PM

  • 100% height and width

    Hello,
    I'm building an one page parallax website, and I would like to make each section (anchor) responsive to the screen size, 100% height and width, it's that possible ? how ?
    thanks !
    Mirko

    Hi Mirko,
    Creating a responsive website using Adobe muse is not possible at the moment. But you can check some suggestion in the following post,Can you create responsive sites with Adobe Muse?

  • How do I view the height and width of an image as I adjust the crop handles

    How do I view the height and width in pixels of an image as I adjust the crop handles before I actually crop the image?

    If you are in Photoshop CC, go into Preferences, click Interface, and turn on Show Transformation Values. In the picture below, setting it to Top Right means the pixel height and width appear to the Top Right of the Crop tool pointer.
    (Edit: The picture only shows Height because the bottom edge is being dragged. If a corner was being dragged it would say H and V.)

  • Set the height and width of a new browser window

    I am trying to open a new browser window when the user clicks
    on an audio. The audio will be played in the new browser window.
    The only problem I have is that I cannot set the height and width
    of the new browser window. I need the window to be much smaller.
    How can I do this in flash?

    You need to ask on a JavaScript forum. Java != JavaScript

  • If Muse does not support responsive design, can someone tell me why I have seen 100% browser width

    If muse does not support responsive design (and therefore cannot adapt to the differing sizes in browser width of different devices, so I understand it) , as I have read on these forums and been told by Adobe's support tech's via chat support, can someone please explain how the 100% browser width slideshows that I have seen on Adobe's featured Site of the Day sites, were acheived? Are these sites only able to display correctly on the same size screen? If I cannot create a site in muse that displays a constant design on a laptop, desktop, or tablet screen, then why should I use this program at all, and why isn't that dislcaimer right up front to save folks like me hundreds of dollars in cloud subscription fees and hours designing a site only to find out that it will look like crap on 2 of the three devices any one uses to view it???? I was sent here for this question by the support team at Adobe. Hopefully someone has a workaround, because Adobe apparently are nonplussed.

    If muse does not support responsive design (and therefore cannot adapt to the differing sizes in browser width of different devices, so I understand it) , as I have read on these forums and been told by Adobe's support tech's via chat support, can someone please explain how the 100% browser width slideshows that I have seen on Adobe's featured Site of the Day sites, were acheived? Are these sites only able to display correctly on the same size screen? If I cannot create a site in muse that displays a constant design on a laptop, desktop, or tablet screen, then why should I use this program at all, and why isn't that dislcaimer right up front to save folks like me hundreds of dollars in cloud subscription fees and hours designing a site only to find out that it will look like crap on 2 of the three devices any one uses to view it???? I was sent here for this question by the support team at Adobe. Hopefully someone has a workaround, because Adobe apparently are nonplussed.

Maybe you are looking for