help with images of full browser size

Hello

I would like to have a page with only a picture and constant (or no borders) around him like these pages:

Banksy

Banksy

As you can see, if you resize the browser window, the size of the image follows (get smaller or larger).

If I use a rectangle of width and then fill them with an image, the images grow when the size of browser window is expand but when browser window is smaller, reduce the picture inside, scrollbar appear which I want to avoid. Do you know how?

Of course, I could start with a small image (such as 300 pixels wide), but then it would look ugly on a mac with the retina display. In the case of Banksy, the image is 1000 pixels wide, but always get resized to small when the window is reduced.

Also is there a way to make the entire browser window is filled only with the image (without any boundaries, or sides, even when the browser windows are resized)?

I tried with the background fill, but somehow, it works no better than with rectangles.

Thanks a lot for your help

You can go with these options:

http://musewidgets.com/collections/all/products/responsive-image

http://musewidgets.com/collections/all/products/responsive-images

Thank you

Sanjit

Tags: Adobe Muse

Similar Questions

  • Need help with image slideshow quality full-screen

    I'm looking to display pictures with slide show full-screen. The images I add are very large, more than 5000 wide. When I write the site images maintain their quality while others lose it look like shit. Why would this be and how can I solve this problem. I tried to resize the 2560 x 1707 muse done and then add them. This does not change the final result of poor quality.

    Go to the components Panel and locate the image you want to use in the original format. Right-click on the image and chose 'largest import size. "

    See if that helps to maintain the quality of this image, as Muse does not resize/interpolate this image for you.

    See you soon,.

    Vikas

  • Need help with Image Processor

    Hello

    I have a lot of pictures, that I need to resize to a Web site. These images are all different sizes, 250 x 400 (h) to 200 x 800 (h). I need it to fit in a Web of 246 x 327, in their original proportions, regardless of white space.

    Does anyone know if this is possible? So far all my results have failed and image processor seems to just resize proportionally up to a maximum of 246 x 327, so nothing is that the EXACT size, but all the images will be adapted now integrate 246 x 327. I don't know what to do now.

    Any help is greatly appreciated.

    -Tim

    You can do this with a script.

    Save the code in the settings presets/scripts as filename.jsx, then you can include the script in action. Use "Insert Menu Item' in the menu drop-down action palette and select file - Scripts - select the script.

    function main(){
    if(!documents.length) return;
    var doc = activeDocument;
    var White = new SolidColor();
    White.rgb.hexValue = 'ffffff';
    // target size =  246x327
    FitImage(240, 321 ); //width - height change to suit
    app.backgroundColor = White;
    doc.resizeCanvas(new UnitValue(246,"px"), new UnitValue(327,"px"), AnchorPosition.MIDDLECENTER);
    }
    main();
    function FitImage( inWidth, inHeight ) {
     var desc = new ActionDescriptor();
     var unitPixels = charIDToTypeID( '#Pxl' );
     desc.putUnitDouble( charIDToTypeID( 'Wdth' ), unitPixels, inWidth );
     desc.putUnitDouble( charIDToTypeID( 'Hght' ), unitPixels, inHeight );
     var runtimeEventID = stringIDToTypeID( "3caa3434-cb67-11d1-bc43-0060b0a13dc4" );
     executeAction( runtimeEventID, desc, DialogModes.NO );
    };
    

    Edit: -.

    You need not even the script! as the size is not dependent on the direction, so after the Image ride you can use Image - size canvas in your action.

  • Need help with image fusion

    Hello

    Before I get to my question, I want to give you a glimpse of the project I'm working on and the aspects that I need help. For a school project, a customer, 94Fifty asked us to create an advertisement that depicts their basketball and could be used in advertising online and in magazines. The 94Fifty of basketball is the world's first "smart ball." It can count how many times you dribbling, the arc of your shot, release time it takes for you shoot, etc. To use the ball, you need an Apple product that can download the application 94Fifty on the App Store, so that this project is done as a collaboration with the company 94Fifty and Apple.

    For my ad, to really capture the idea of being the first smart ball, 94Fifty ball I wanted to mix an image of the texture of the ball of 94Fifty, with the shape and details of a brain, with the slogan being, "A ball that is as smart as you." I have my design buried on, but I'm not sure how to combine the image of the brain with ball should I use layers? How can I remove the pink color of the brain and replace it with the ball while keeping the shape of the brain and the lines creased the brain? Any help and technical that you can give would be greatly appreciated.

    Here are two pictures that I'm trying to mix.

    8376271918_cf0b1b5c4f_o.jpg94fifty ball.png

    I would also try and keep the logo of 94Fifty which is on the ball in the mixed picture.

    Please do not confuse this for to ask me someone to do it for me, it's the exact opposite of what I want, I just need help with what to do.

    Here is a fairly simple method:

    First of all, level of basketball for the type to be horizontal. (Also correct the values of white light - burn at the top left and bottom top right.)

    Mask on white background of the brain and turn the image to 0% of saturation.

    Put the brain on basketball on its own layer. Make the overlay blend mode.

    Using free transform, reshape the brain is greater (rounder), like the basketball, with a visible margin around the edge of the ball.

    -Now, you have a brain in a basketball, but the brain is a bit too subtle.

    Duplicate the layer of brain as many times as you need to get the good contrast (I've duped the layer of brain three times, for a total of four layers of brain).

    You will probably find that you need to use the levels adjustment layers or curves on each layer of the brain, for finer value adjustments. Make sure that each adjustment layer affects only the layer directly below.

  • help with the problem of font size on PSE7

    I'm typing on an image in PS Elements 7.  Even when I select a font size of 72 pts., the type is under the microscope on the image.  What I am doing wrong?   Switching points, mm, cm or inches does not affect this problem.   Thanks for any help.

    Remember that the size of the characters depends on the resolution of the photo. 72 pt type is big on the picture at 72 dpi, tiny on a picture at 300 ppi. Just keep trying more large sizes. You can type in any size you want; you are not limited to the menu presets.

  • Help with Images of maps,

    Hello

    I have a HTML page where an IMG is loaded:

    "< img src="images/renders/Main_Image.jpeg "alt ="Background Image"name ="Main_IMG"width ="800"height ="600"border = '0' well ="#Main_MAP"id ="Main_IMG"/ >

    Then I have 4 images laid cards on top of the image:

    < name of the card = "Main_MAP" id = "Main_MAP" >

    < area shape = "poly" coords = "- some numbers -" href = "Area1.html" target = "_parent" alt = "The euro1 area button" / > "

    < area shape = "poly" coords = "- some numbers -" href = "Area2.html" target = "_parent" alt = "Button Area2" / > "

    < area shape = "poly" coords = "- some numbers -" href = "Area3.html" target = "_parent" alt = "Button area3" / > "

    "< area shape ="poly"coords =" "-some numbers" href = "Area4.html" target = "_parent" alt = "Button Area4" / >

    < / map >

    See the example:

    Image Map Help.jpg

    Each area is basically an invisible button. I want to make sure when the mouse is over the areas, I want the background image to display something different. On mouse out of the box, I want the picture to go back. When the box is clicked, the user is moved to another part of the site.

    Zone 1 should switch from Main_Image.jpeg to Main_Image1.jpeg

    Zone 2 needs to move from Main_Image.jpeg to Main_Image2.jpeg

    etc.

    I thought I could do it with Images of maps, but I can't figure out how. Is there an easier way? I have Dreamweaver CS4.

    Thank you in advance!

    Not possible with a single image and mapping.

    If you "cut" image and place the slices in the DIVs, then you can either add a mouseover javascript or use the slices as background images and add a CSS "hover" effect to change the background image on mouseover.

  • Need help with images of different sizes being loaded from a container of centering

    Stop();

    mainArea_mc.visible = false;

    home_btn.addEventListener (MouseEvent.CLICK, function () {Stop ("model home")});

    var totalImages:int = 0;

    var imageDirectory: String = "";

    var currentImage:int = 1;

    var filePrefix: String = "";

    var loader1: Loader = new Loader(); 2 Chargers, so we can fade a picture on top of the other

    var loader2: Loader = new Loader();

    pic_mc. AddChild (loader1);

    pic_mc. AddChild (loader2);

    loader1. Name = "loader1."

    loader2. Name = "loader2";

    loader1.contentLoaderInfo.addEventListener (Event.COMPLETE, resizeFadeImage);

    loader2.contentLoaderInfo.addEventListener (Event.COMPLETE, resizeFadeImage);

    info_mc.title_txt. AutoSize = TextFieldAutoSize.LEFT;

    If (presModeSlides) / / slides Viewer vars configuration

    {

    totalImages = slides [currentSlideNumber] .numSlides

    imageDirectory = "Data/slides/"+slides[currentSlideNumber].directory+"/";

    filePrefix = "slide";

    info_mc.title_txt. Text = .title slides [currentSlideNumber]

    info_mc.speaker_txt. Text = .speaker slides [currentSlideNumber]

    info_mc.university_txt. Text = .university of slides [currentSlideNumber]

    }

    else / / Setup Photo viewer vars

    {

    totalImages = 233;

    imageDirectory = "data/images /";

    filePrefix = "image";

    info_mc.title_txt. Text = "user International BioPlex® 2200 3 meeting;

    info_mc.speaker_txt. Text = "Images";

    info_mc.university_txt. Text = "";

    }

    info_mc.speaker_txt.y += info_mc.title_txt.height;  Position sublines so that they are directly under the title

    info_mc.university_txt.y += info_mc.title_txt.height;

    leftArrow_btn.addEventListener (MouseEvent.CLICK, prevImage);

    rightArrow_btn.addEventListener (MouseEvent.CLICK, nextImage);

    showImage (currentImage)

    function showImage(num:int)

    {

    If (pic_mc.getChildIndex (loader1) > pic_mc.getChildIndex (loader2)) / / set the jpg file in what container is on top for the moment

    {

    loader1. Load (new URLRequest (imageDirectory + filePrefix + currentImage + '.jpg'));

    }

    on the other

    {

    loader2. Load (new URLRequest (imageDirectory + filePrefix + currentImage + '.jpg'));

    }

    }

    function resizeFadeImage(e:Event)

    {

    e.currentTarget.loader.alpha = 0;

    Tweener.addTween (e.currentTarget.loader, {alpha: 1, time: 0.4, onComplete: removeOtherImage, onCompleteParams:[e.currentTarget.loader]});})

    e.currentTarget.loader.scaleX = 0.75;

    e.currentTarget.loader.scaleY = 0.75;

    var bitMap: Bitmap = Bitmap (e.currentTarget.loader.content);

    bitMap.smoothing = true;

    }

    function removeOtherImage(l:Loader)

    {

    If (l.name is "loader1")

    {

    pic_mc. SetChildIndex(loader1,0);

    If (loader2.content! = null)

    {

    If (loader2.content is Bitmap)

    {

    (loader2.content as Bitmap).bitmapData.dispose ();

    }

    }

    }

    on the other

    {

    pic_mc. SetChildIndex(loader2,0);

    If (loader1.content! = null)

    {

    If (loader1.content is Bitmap)

    {

    (loader1.content as Bitmap).bitmapData.dispose ();

    }

    }

    }

    }

    function nextImage(e:Event)

    {

    If ((!)) Tweener.isTweening (loader1)) & & (!) Tweener.isTweening (loader2)))

    {

    If (currentImage < totalImages)

    {

    currentImage ++;

    }

    on the other

    {

    currentImage = 1;

    }

    showImage (currentImage);

    }

    }

    function prevImage(e:Event)

    {

    If ((!)) Tweener.isTweening (loader1)) & & (!) Tweener.isTweening (loader2)))

    {

    If (currentImage > 1)

    {

    -currentImage;

    }

    on the other

    {

    currentImage = totalImages;

    }

    showImage (currentImage);

    }

    }

    :

    function resizeFadeImage(e:Event)

    {

    e.currentTarget.loader.alpha = 0;

    Tweener.addTween (e.currentTarget.loader, {alpha: 1, time: 0.4, onComplete: removeOtherImage, onCompleteParams:[e.currentTarget.loader]});})

    e.currentTarget.loader.scaleX = 0.75;

    e.currentTarget.loader.scaleY = 0.75;

    e.currentTarget.loader.x = (stage.stageWidth-e.currentTarget.loader.width)/2;

    e.currentTarget.loader.y = (stage.stageHeight-e.currentTarget.loader.height)/2;

    var bitMap: Bitmap = Bitmap (e.currentTarget.loader.content);

    bitMap.smoothing = true;

    }

  • Help with my POS, full disc problem

    my version of POS is 6.0.2 when I ran my backup jobs it had problem.

    Status of the device stopped to "admin" status and refused to go back to the 'normal '.

    "gsan" service has been degraded. From the logs I see it might caused by disk full, but even if I deleted all my restore points, disk space will not be recovered because the status of the device is "admin".

    Here are some of my logs, can anyone help? Thank you very much.

    DF h
    Size of filesystem used Avail use % mounted on
    / dev/sda2 7.9 G 4.8 G 2.8 G 64%.
    udev 3.9 G 136 K 3.9 G 1% / dev
    tmpfs G 3.9 3.9 G 0 0% / dev/shm
    / dev/sda1 130M 38 M 86 M 31% / Boot
    / dev/sda7 1.5 G 121 M 1.3 G 9% / var
    / dev/sda9 77G 4.9 G 68 7% /space
    / dev/sdb1 512G 498 G 15 G 98% /data01
    / dev/sdc1 512G 502 G 11 G 98% /data02
    / dev/sdd1 512G 501 G 12 G 98% /data03

    cplist
    CP.20150808160314 Saturday, August 8 09:03:14 2015 valid rol - strips nodes 1/1 3253
    CP.20150808165046 Saturday, August 8 09:50:46 valid 2015 rol - strips nodes 1/1 3253

    Status.DPN
    Sun Aug 16 19:05:51 PDT 2015 [servername] Mon Aug 17 02:05:51 UTC 2015 (initialized kills Aug 4 05:13:53 UTC 2015)
    Node IP address Version State Runlevel user + Root + Srvr Dis suspend charge UsedMB Errlen % full full and the band by disk status
    MHPU fullaccess 0.0 online 10.192.14.192 7.1.81 - 107 + 0hpu + 1 0000 fake 7590 0.32 2374797 12.1% 12% (onl:1086) 12 %(onl:1084) 12 %(onl:1083)
    Modes user + Root + Srvr = migrate + hfswriteable + persistwriteable + useraccntwriteable

    System ID: 1438665233@00:50:56:AB:4E:38

    All declared states = (ONLINE), = (fullaccess) runlevels, modes (mhpu + 0hpu + 0000)
    The system state: ok
    Access-situation: admin

    Checkpoint failed with the MSG_ERR_DISKFULL result: cp.20150816150216 departure Sun Aug 16 08:02:46 2015 ended the Sun Aug 16 08:02:46 2015, over 0 3253 stripes
    Last GC: finished Sun Aug 16 08:01:46 2015 after 00: 30 > > recovered 0.00 KB (MSG_ERR_DISKFULL)
    No hfscheck still

    Active maintenance windows scheduler capability profile.
    The maintenance window is running.
    Next backup window start time: Sun Aug 16 20:00 PDT 2015
    Start time of next maintenance window: Mon Aug 17 at 08:00 PDT 2015

    status of dpnclt
    Identity added: /home/dpn/.ssh/dpnid (/ home/dpn/.ssh/dpnid)
    dpnctl: INFO: gsan status: gradient
    dpnctl: INFO: status MCS: upward.
    dpnctl: INFO: status of the backup scheduler: upward.
    dpnctl: INFO: axionfs status: upward.
    dpnctl: INFO: status of Maintenance windows scheduler: enabled.
    dpnctl: INFO: starting automatic State: enabled.

    I looks like the control points are taking up all the space assigned to them.  Before that POS remove a checkpoinit, it passes through a process of creation of a post of control and validation of the integrity of the previous control point.  I think that you will need to contact support to resolve the problem.

    That said, it seems that you have deleted all restore points.  If so, it would be easier to erase and start over instead of trying to solve the problem.

  • Help with image files, drop box and save the changes?

    My husband put all our photos of drop box.  They are still on our computer, but we can now also access elsewhere.  But it has somewhat modified files.

    I'm putting together, cultures and (in general) to save the changes made to some images.  But I get an error.

    Example: The image I want to change is on the side.  I right-click on the file icon and select "Rotate clockwise" in the menu dropdown. Immediately, I raise the sound "bonk" and an error message appears: "you cannot rotate this image.  The file can be used or open in another program or maybe the file is read only.  It wasn't a problem before doing things to the drop box.
    So, I wait to make sure that everything is ok.  The image is not open anywhere else.  I clicked the properties option to see if it is in read-only mode.  He said that it is not.
    When I open the image and try to use the rotation on the bottom, it will turn.  But when I close the window, I get a different error message that says "Windows Photo Viewer cannot save changes to this picture because there is a problem with the properties of the image file."   There is a link at the bottom of the message box for "Why can't save this picture?  I clicked it.  He said "the subject you are looking for is not available in this version of Windows. For additional assistance, see multiple support options. "The more support options?  Get a tech savvy friend who could help me. Nice.
    Anyone know what I need to do to make this work?
    I don't know what version of windows we have.  I'm sure that's not Vista.  It's the one after that.

    Hello

    Thank you asking in the Microsoft Community.

    1. open Microsoft paint.

    2. navigate to the image through Microsoft Paint.

    3 try to rotate and save the image.

    4 let me know if you are able to.

    Post back with the result.

  • Need help with Images associated with berries

    `

    I'm not sure if this is possible, as I am not a common programmer, but I have a question.

    I have a table that generates a random word in a text box, then a second table that generates another word at random in a different text box. What I want is for when a certain word off number one table is generated, a certain image is displayed with it. Here is the code:

    var FirstChoice:Array = ['this', 'Do'];

    var SecondOption:Array = ["during this operation', 'while doing this'];

    generate_btn.addEventListener (MouseEvent.CLICK, getTask);

    function getTask(event:MouseEvent):void {}

    var randomChoice:Number = Math.floor (Math.random () * firstChoice.length);

    var randomTask:Number = Math.floor (Math.random () * secondOption.length);

    First_Thing.text = exerciseChoice [randomChoice];

    Second_Thing.text = homeTask [randomTask];

    }

    For example, when I click the button and the first table generates "Do this", I want a chart specific to appear with him. Similarly, if 'this' generates, I want a different graphic to appear specifically associated with this variable.


    I hope that this is possible :/ I'm puzzled! I asked for help on StackOverflow; However, their advice did not work. Of course, I only got a response, so I hope that people here can help me out!

    var FirstChoice:Array = ['this', 'Do'];

    var SecondOption:Array = ["during this operation', 'while doing this'];

    var imageA:Array = (mc1, mc2);

    var currentImage:MovieClip

    function getTask(event:MouseEvent):void {}

    var randomChoice:Number = Math.floor (Math.random () * firstChoice.length);

    var randomTask:Number = Math.floor (Math.random () * secondOption.length);

    First_Thing.text = exerciseChoice [randomChoice];

    Second_Thing.text = homeTask [randomTask];

    {if (currentImage)}

    currentImage.visible = false;

    }

    currentImage = UIImage [randomChoice];

    currentImage.visible = true;

    }

  • need help with image download and preview screen

    Hi guys,.

    I am trying to download image and then view Preview, but when the download form submits to the placeholder image page itself is not updated his source and shows the same image as before.

    4.jpg image already exists.

    I download with nameConflict = "overwrite".

    Download form on the same page, so the page charging points

    In IE image placeholder does not appear the new image, but shows the old one until I have updated the page with F5 and return information, however if checked, image in the file is already different.

    In Firefox, sometimes it works and the image refreshes, sometimes not.

    any help would be greatly appreciated!

    see you soon,

    Simon

    Hi Simon,.

    In this case, you can follow this tutorial

    http://www.communitymx.com/content/article.cfm?cid=71EDA

    HTH

  • Need help with Image map

    Hey everyone I hope that someone can help me here. What I'm trying to do is create a card flipping immage, if possible. Essentially, I have a card with different routes Charter on it, and I would like to be able to move the mouse on a single track, highlight it in red and then be able to click it and a link to another page. How is this achieved? There are several roads, and they are not distributed between sectors that I could crop and use as individual images. If it doesn't, maybe if someone could explain to me how having a side buttons together to highlight the road and allow me to click and a link to another page. I understand how to work the images hover and such, but multiple transfers on a single image is confusing to me. If someone could answer this, I would be EXTREMELY grateful. Thanks in advance and ask if you need any clarification with my problem to help solve it.

    Genii

    Sorry... He answered myself

  • Help with images png in staircase

    I have an image control that I am wiring a pixmap png to and get an image in staircase. If I open the image in any number of viewers it looks fine, but when I look in labview with the picture control looks jagged. Example is attached look green tap, the edges are wavy everything. Thank you.

    Hi ice machine,

    have you tried to use the png 8-bit instead?

  • Buttons with images, by setting the size?

    Hello

    I use the following code to add images to the buttons. However, I got some of the buttons out of the view from the window! What can I add to make them fit on the display window?

    MORE: I want them to be on the Center vertically and horizontally. Let's say I have 15 buttons, I want 3 each line. And in the center of the screen?

    And finally, is it possible to make the button selected by default as NULL? Then, key 1 is not selected at the beginning as shown in the picture as an attachment!

    * Image attached *.

    Thanks in advance

    Code:

    public class BitmapButtonField extends ButtonField {
            private Bitmap bitmap;
            private Bitmap bitmapHighlight;
            private boolean highlighted = false;
    
            public BitmapButtonField(Bitmap bitmap, Bitmap bitmapHighlight) {
                this(bitmap, bitmapHighlight, ButtonField.CONSUME_CLICK|ButtonField.FIELD_HCENTER|ButtonField.FIELD_VCENTER);
            }
    
            public BitmapButtonField(Bitmap bitmap, Bitmap bitmapHighlight, long style) {
                super(style);
                this.bitmap = bitmap;
                this.bitmapHighlight = bitmapHighlight;
            }
    
            protected void layout(int width, int height) {
                    setExtent(getPreferredWidth(), getPreferredHeight());
            }
    
            public int getPreferredWidth() {
                    return bitmap.getWidth();
            }
    
            public int getPreferredHeight() {
                    return bitmap.getHeight();
            }
    
            protected void paint(Graphics graphics) {
                    super.paint(graphics);
                    int width = bitmap.getWidth();
                    int height = bitmap.getHeight();
                    Bitmap b = bitmap;
                    if (highlighted)
                        b = bitmapHighlight;
                    graphics.drawBitmap(0, 0, width, height, b, 0, 0);
            }
    }
    

    SOLVED

    I solved by:

    1 - scaling images with display:

            public int getPreferredWidth() {
                    return Display.getWidth()/6;
            }
    
            public int getPreferredHeight() {
                    return Display.getHeight()/6;
            }
    

    2 - using HorizontalFieldManager:

    HorizontalFieldManager(FIELD_HCENTER);
    

    Thank you

  • Help with images

    Hi all

    Is there a way we can start an image as hidden and change it to visible by using a cutting-edge action?

    I have an image of a process flow and am branching out to watch short videos on every step, but I would like to visually show the progress on the slide with the process flow and I was wondering if I could make a check mark appears next to a stage once they have seen the video and returned to the slide.

    I'm trying to have a single slide of base to turn the videos rather than multiple slides.

    Hope that makes sense :-)

    Leanne

    Take a look at the videos on this page:

    Create a dynamic Menu slide in Adobe Captivate. Infosemantics Pty Ltd

Maybe you are looking for

  • I have given rights of domain users to log on locally, but still cannot connect (Server 2008)

    Hello. I ' using server2008r2 on virtualbox. I'm going through the 70-640 exam. I went through the steps described in this article http://technet.microsoft.com/en-us/library/ee957044 (WS.10) .aspx to add domain users rights to login locally. I ran gp

  • New Dell v525 will not print black

    Just got a v525w of my company for my remote desktop.  I went through the installation process on the disc, but the printer will print color not black, only.  All cartridges are new aluminum foil packaging and a quick search online has not turned upw

  • Ports of Jabber

    Hello guys,. There is no specific port forr jabber? because Jabber is a SIP device http://www.Cisco.com/en/us/docs/voice_ip_comm/CUCM/port/8_6_1/portlist861.html Thank you

  • BlackBerry Smartphones backup phone?

    Hello, I just received my 8310 stolen and I get the 8320. I backed up my 8310, my question is can I use this return for the 8320? Thank you

  • WebVPN mapping of group policy-based user name not LDAP Group?

    Hi guys,. As the title says I'm looking for a way to map users who authenticate via LDAP to the webvpn to a particular group policy. The reason why I want to do, is to assign particular cifs on a per user basis. I know that you can map a LDAP group t