OnTop button image to another image

Hey, I'm new to Dreamweaver. I'm doing a site and I wanted more info on how I can take a picture button and good enough to put it on top another image. Is there a way to get there? It's almost like the concept of stratification in Photoshop. Is there a way to release all the buttons and images and so on?

Thanks in advance!

Forget the layers.  Use CSS background images.  See below for more details.

CSS background-image property

Nancy O >

Tags: Dreamweaver

Similar Questions

  • I lost the library in yet. The library is empty. No Menus, buttons, Images, backgrounds, layer sets. Replacement of objects, forms layers, test.

    I lost the library in yet. The library is empty. No Menus, buttons, Images, backgrounds, layer sets. Test elements, shapes, and replacement layers

    https://helpx.Adobe.com/Encore/using/download-library-content.html for the library of content

  • Save the button Image file

    I have a Captivate 7 file that contains the custom button images.  How to save a copy of any of these images?  I can't find it in the library or on my local hard drive.  Thank you

    Just thought of this.

    Generate a HTML 5 output and you should be able to find the images in the output.

    See you soon... Rick

  • Under click button Image to extern links. file - but then advances before a slide...

    I have a button image that links the success of an extern. file - that is an index/glossary of the modules of the project. However, when you click it, the project goes forward one slide. I would like the project to stay on the same blade when you click on the button ' Glossary/index', rather than advance forward. Someone knows how to do this?

    Thanks in advance,

    Rich

    Could you have a look at the presentation, I gave you a link.

    To start with variables, I've created a few articles:

    Use the power of variables without advanced actions

    Unleash the power of variables with advanced actions

    As you assign a tip action to events on the exit Enter / we the accordion of the Action of the slide properties panel, you can assign an advanced action as an action of success to the accordion of the Action of the key properties panel or box click:

  • How to change the highlight color, click the button image and text and sound.  are there packages of buttons for use in my project?

    How to change the highlight color, click the button image and text and sound. are there packages of buttons for use in my project?

    Hello

    Even if the point of things based Web links buttons created using them is of simple images. Captivate uses simple images. If you need to put your creative hat and not to let the fact that you see the word 'web' scared you somehow. An image is an image. Use on the web, use Captivate. Same case!

    If you change the properties of the button, you can activate the legend of success. Fix any sound that you like with the legend of success and it will play when you click the button. If you do not want to see the legend of success, delete the text and configure it as transparent.

    See you soon... Rick

    Useful and practical links

  • Blue area background behind the button image when the user selects.

    Hi all

    We use images for buttons, we use two images

    When the focus is on another is to unfocus images.

    When the focus moves to the image, the picture showed blue background area behind.

    We would like to remove / delete this blue area behind the image.

    How can do us, please give suggestion / refer to this topic.

    Thank you best regards &,.

    Narendra.

    try to replace drawFocus

  • button image on flash mx

    Hallo. I need your help. I m a site in dreamweaver 8 I don't know if I did labour law moves because I just when I move my mouse over an image I want to the same point see another image without go to another window. I try with behaviors, but it did not work. now I'm trying to do work like a button in flash mx. I followed the instructions but I have a few questions, a problem. First of all how can I save the button that I just made? Save or export. And on the other hand how can I put in the layer, I did that? import regarding the button or flash button? Thank you

    You create the Flash swf file that will include you publishing Flash (file-> publish).  The code that allows you to insert the swf file in your web page can be obtained by including an element html output in your publishing settings, then copy and paste the embed code for that published the html file.

  • Toggle button image on focus

    Hi all

    Tried to seacxh forum and google with no result...

    I have a button with "display button attributes' set
    * Style = Image
    * Image = jpg uploaded by myself.
    It then displays a button with an image I created.
    Let me now when the button becomes 'on-Focus' to show a different image to give a more professional look to the appearance of the button.

    I think I need some sort of command OnFocus on the command-line to attribute, but nothing seems to work.

    That's what I've tried so far

    Attributes (onfocus = "& lt; ("img src =" #FLOW_IMAGES #P1 - SMT.jpg "& gt;")

    Thank you

    Frank

    Published by: species 5618 on December 29, 2008 14:14

    Hi Frank,.

    You can do this using css and a special button model.

    First of all, in the components shared, models create a new button with the model model definition:

    <a href="#LINK#" #BUTTON_ATTRIBUTES#>#LABEL#</a>
    

    Now, set up your button to use this new model. Also on the button, set the button attributes on:

    class="button1OFF"
    onmouseover="javascript:this.className='button1ON';"
    onmouseout="javascript:this.className='button1OFF';"
    onfocus="javascript:this.className='button1ON';"
    onblur="javascript:this.className='button1OFF';"
    

    (Note that I've added above - line breaks is just to keep the thread neat so remove these before sticking in the parameter)

    Finally, in the context of header HTML of your page, add in the following:

    <style type="text/css">
    .button1ON {display:block; height:100px; width:100px; background-image:url(#WORKSPACE_IMAGES#image1On.jpg)}
    .button1OFF {display:block; height:100px; width:100px; background-image:url(#WORKSPACE_IMAGES#image1Off.jpg)}
    </style>
    

    Adjust the width and height values according to your needs and replace image1On.jpg and image1Off.jpg appropriate for images when the button has / does not have the focus. Of course, you can add other styles as needed (for example, border and font styles).

    Now, when the page is displayed, the image1Off.jpg image is displayed for the button, and if the user moves the mouse over the button or the top legs, onmouseover will change the image of image1On.jpg. When the user moves the mouse button or the legs of another element, image1Off.jpg will be re-posted.

    Andy

  • Button image

    Hello I'm using image button focus and unfocus. My problem is that when Gets the focus on the image and get unfoucs of image, it will display blue color border. I don't want this blue border.

    I don't know how I should delete that? I enclose below class customeImageButton. I don't want on each edge of the blue side on the image button. Plese help me.

    package com.api;
    
    import net.rim.device.api.system.Bitmap;
    import net.rim.device.api.ui.Graphics;
    import net.rim.device.api.ui.component.ButtonField;
    
    /* Customized ImageButton */
    ////////////////////////////////////////////////////////////////////////////////////////////////////////////
    //Class Name      :       ColorManager
    //Created On      :       14/11/2011
    //Created By      :       Ajay Patil
    //Purpose         :       This class is for Button field with a bitmap as its label
    ////////////////////////////////////////////////////////////////////////////////////////////////////////////
    
    /**
     * Button field with a bitmap as its label.
     */
    public class CustomImgButtonField extends ButtonField
    {
            private Bitmap bitmap;
            private Bitmap bitmapHighlight;
            private boolean highlighted = false;
    
            /**
             * Instantiates a new bitmap button field.
             *
             * @param bitmap the bitmap to use as a label
             */
            public CustomImgButtonField(Bitmap bitmap, Bitmap bitmapHighlight)
            {
                this(bitmap, bitmapHighlight, ButtonField.CONSUME_CLICK|ButtonField.FIELD_HCENTER|ButtonField.FIELD_VCENTER);
            }
    
            public CustomImgButtonField(Bitmap bitmap, Bitmap bitmapHighlight, long style)
            {
                super(style);
                this.bitmap = bitmap;
                this.bitmapHighlight = bitmapHighlight;
            }
    
            /* (non-Javadoc)
             * @see net.rim.device.api.ui.component.ButtonField#layout(int, int)
             */
            protected void layout(int width, int height)
            {
                    setExtent(getPreferredWidth(), getPreferredHeight());
            }
    
            /* (non-Javadoc)
             * @see net.rim.device.api.ui.component.ButtonField#getPreferredWidth()
             */
            public int getPreferredWidth() {
                    return bitmap.getWidth();
            }
    
            /* (non-Javadoc)
             * @see net.rim.device.api.ui.component.ButtonField#getPreferredHeight()
             */
            public int getPreferredHeight() {
                    return bitmap.getHeight();
            }
            /* (non-Javadoc)
             * @see net.rim.device.api.ui.component.ButtonField#paint(net.rim.device.api.ui.Graphics)
             */
            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);
            }
            protected void onFocus(int direction)
            {
                this.setHighlight(true); super.onFocus(direction);
            }
            protected void onUnfocus()
            {
                this.setHighlight(false);
                super.onUnfocus();
            }
            public void setHighlight(boolean highlight)
            {
                this.highlighted = highlight;
            }
    }
    

    I have an extended bitmapfield which reacts on the navigationclick and key, related to his fieldchangelistener. works well for years.

    If you are unable to apply it yourself, this can help you:
    http://supportforums.BlackBerry.com/T5/Java-development/implement-advanced-buttons-fields-and-manage...

  • The backround button image

    HY everybody, it is embarising to ask this, but I am a beginner deveoper Blackberry and I want to put a picture on a button (a background image of the button) and I confuse myself. What I need to create a special class to do this, or it is a simple method to do? Can you help me with some suggestions?

    How about using ImageButton?

    http://developer.BlackBerry.com/native/reference/Cascades/bb__cascades__imagebutton.html

  • Scroll and custom button image

    Hi all

    I'm having some difficulty with it.

    I have now managed to get a scrolling image downloaded from a url.

    I now place buttons above the image scroll, previous and next buttons.  But I can't seem to the paint without knocking the image scrolling.

    Any ideas on how I can achieve this.  If I do a this.add in the constructor, it gets ignored because I replaced the painting.

    Real novice so the pointers/code examples would be fantastic.

    Cheers all, you're really a helpful bunch!

    /* * OldImage.java * * © , 2003-2008 * Confidential and proprietary. */
    
    package PageSuite;
    
    import java.io.*;import javax.microedition.io.*;import net.rim.device.api.system.*;import net.rim.device.api.ui.*;import net.rim.device.api.ui.component.*;import net.rim.device.api.ui.container.*;import net.rim.device.api.system.Bitmap;import net.rim.device.api.ui.Graphics;import net.rim.device.api.ui.UiApplication;import net.rim.device.api.ui.component.Dialog;import net.rim.device.api.ui.container.MainScreen;import net.rim.device.api.util.DataBuffer;import net.rim.device.api.util.ByteVector;import net.rim.device.api.util.*;import java.util.*;import net.rim.device.api.i18n.*;import javax.microedition.lcdui.Image;
    
    class OldImage extends MainScreen {                private static final int HORZ_SCROLL_FACTOR     = 10;          private static final int VERT_SCROLL_FACTOR     = 10;
    
             Bitmap bitmap;            int left = 0;          int top = 0;           int maxLeft = 0;               int maxTop = 0;
    
                   public OldImage() {
    
                            StreamConnection stream = null;                        InputStream in = null;                        synchronized(this)                        {                        try                        {                        stream = (StreamConnection)Connector.open("http://www.image.com/get_image.aspx?eid=032cf610-8918-425b-a4d9-441fa9468f23&w=" + Graphics.getScreenWidth() + "&pnum=1");                        in = stream.openInputStream();                        }                        catch(Exception e)                        {                        }                        }                        try                        {                        // Extract the data from the input stream.                        byte[] data = new byte[in.available()];                        try                        {                        DataBuffer db = new DataBuffer();                        int chunk = 0;                        while ( -1 != (chunk = in.read(data)))                        {                        db.write(data, 0, chunk);                        }                        in.close();                        // Here is ur image in byte format.                        data = db.getArray();                        }                        catch(Exception e)                        {                        }
    
                            EncodedImage jpegPic = EncodedImage.createEncodedImage(data, 0 , data.length);                        bitmap = jpegPic.getBitmap();
    
                           if (bitmap == null) {                          UiApplication.getUiApplication().invokeLater(new Runnable() {                                  public void run() {                                            Dialog.alert("Failed to load image");                                          System.exit(0);                                        }                              });                            return;                        }
    
                           if (bitmap.getWidth() > Graphics.getScreenWidth()) {                           maxLeft = bitmap.getWidth() - Graphics.getScreenWidth();                       }
    
                           if (bitmap.getHeight() > Graphics.getScreenHeight()) {                         maxTop = bitmap.getHeight() - Graphics.getScreenHeight();                      }                    }                    catch (Exception ex)                    {}
    
                        CustomButtonField cf = new CustomButtonField("Nathan");                    this.add(cf);
    
                  }
    
                   protected void paint(Graphics graphics) {                      if (bitmap != null) {                          graphics.drawBitmap(0, 30, Graphics.getScreenWidth(), Graphics.getScreenHeight() - 20,                                               bitmap, left, top);
    
                        }              }
    
                   protected boolean navigationMovement(int dx, int dy, int status, int time) {                   left += (dx * HORZ_SCROLL_FACTOR);                     top += (dy * VERT_SCROLL_FACTOR);
    
                         if (left < 0) left = 0;                        if (top < 0) top = 0;                  if (left > maxLeft) left = maxLeft;                    if (top > maxTop) top = maxTop;
    
                           invalidate();
    
                     return true;           }      }
    

    You can call the subpaint (graphics) of your paint to draw the fields 'child '. And you can try Trackball.setFilter (Trackball.FILTER_ACCELERATION) and see if it makes more responsive scrolling.

    Cheers, Barak.

  • Add button images does not

    I use Acrobat Pro DC 2015.017.20050 on Mac 10.11.5

    When change an existing PDF by selecting the 'Add images' button allows me to select a picture and I see semi transparent moving with my mouse, but clicking on do not actually add the image.

    However, it works properly when right-clicking in the PDF file and choosing "add images" in the menu.

    Hello

    We have released an update today that solves the problem 'add images '. Please open Acrobat or Reader DC and visit help > check for updates to ensure that you are on the latest patch.

    Details on the release: https://helpx.adobe.com/acrobat/release-note/acrobat-dc-august-02-2016.html

    Please let us know how it goes.

    Thank you

    -ashu

  • Buttons images lose quality

    Hello

    I don't understand why the muse of adobe.

    I created a button and not the normal state and the State Overview, but when I do a preview image of the button loses the quality and the image is at a resolution beyond what the specific button. How to solve this?

    Check your output parameters of high resolution and other...

    Mylenium

  • Why my button images do not distort on iPhone 5s, but not on the iPhone 6?

    Hello

    I created my site to have images as buttons. They look fine in the muse, but looking at my mobile page published on the iPhone 5 s, certain images are distorted / rearranged / misplaced. But when I test the same page on iPhone 6, images are very good. Please let me know if you have any fix for this.

    I've attached a screenshot of the iPhone vs iPhone 5s 6.

    IPHONE 5 S

    iPhone 5s.JPG

    IPHONE 6

    iPhone 6.JPG

    See you soon,.

    Ben

    Clear your browsers cache and reset your phone.

  • Button image, click next to move to the slide next question

    We have an image used as a button that is hidden. All our slides have a button "Next" that must be pressed to continue to the next slide. However, when a user clicks on the image button that triggers somehow advance to the next slide.  We have already reviewed the timeline, actions for the next button and image buttons, but we cannot see what may be the cause. Any idea what's going on?

    Maybe you didn't understand my question on 'single action' vs. standard action. ? This article explains the difference, why the simple action frees the read head.

    Why choose Standard Simple action? -Captivate Blog

    Captivate 9, you can use a simple action, but you must turn off the feature highlighted in this screenshot to prevent the head from released summer reading:

    You're showing a form in the screenshot button (but not the Actions tab, which is too bad. I do not understand the link to your first post, where you say that you use an image as a button, but this form button has a gradient background, not a picture fill? How to do this is explained in: transforming an Image in a button - Captivate blog

    ATTENTION: it happens that a form button is not disabled when hidden (it was the case for interactive objects up to a version, not sure that one). To be sure, it is really off, my practice is always to create a standard (shared) action which will first turn off the button and then hide it:

    Disable SB_one

    Hide SB_one

    Same thing to make it clickable again, showing only will not always do the trick, you will need:

    See the SB_one

    Select SB_one

Maybe you are looking for