How to replace the image on click

Could someone tell me the correct terminology so I can look for more help? Or a pointer to a tutorial would be even better!

I want to be able to exchange an image by clicking on a link that replaces one image with another.  I am familiar with the image swap on working capital, which is the only tutorials I seem to be able to find.  I don't know what to look for in fact.

Thank you very much

In this case, you can use a few methods.

Swap Image behavior:

Select the first image, go to the behaviors panel and select 'picture swap.   Select the image you want to swap to.  Then, you choose whether the action will be mouseover or onclick.

DW help files will probably give a more more F1 help (although (I can't say I never watched upward-, but did not open at present to verify :-))) DW

Or you might look also show/hide behavior. You could have the 2nd image in a hidden div that is 'shown' on the triggering (onclick or mouseover) action.   Again, the help files should give you more information.

I hope this helps.

--

Nadia

Adobe® Expert community: Dreamweaver

--------------------------------------------------

Unique templates CSS | Tutorials | SEO articles

http://www.DreamweaverResources.com

--------------------------------------------------

Book: Ultimate CSS reference

http://www.SitePoint.com/launch/005dfd4/3/133

---------------------------------------------------

http://Twitter.com/nadiap

Tags: Dreamweaver

Similar Questions

  • How to replace the image that contains clickable images?

    I use RoboHelp HTML 8. Some of my help topics have an image that contains several interactive images that allow the user to click to see, for example, the field or button definitions on objects on this image. In the past, I was able to grasp or to create a new image file and give it exactly the same name as the old image file (for example, ccm_assessment_shg.gif)-a new replacing the old. and when I saw the image in RoboHelp HTML, the new image contain still all image maps of the original image.

    However, now I see an image (.png) file in one of my subjects and I would like to replace it, but my old process 'replacement with the same name' does not seem to work. What is my problem? How can I do this in RoboHelp 8? Is the problem related to the file must be a gif instead of a png? (I must confess that it's been several months that I worked in RoboHelp, so I just forgot something. I can't find instructions on the use of image maps and self-help groups).

    Thanks a lot for all the good advice!

    Hello

    Exactly how you try to replace the image? I ask, because if you open the dialog box Image and work this way, you will probably lose the connection with the regions of image maps. My preferred method is to simply work completely behind RoboHelp back by replacing the image using Windows Explorer. RoboHelp should be none the wiser as long as the file name and location are the same.

    See you soon... Rick

    Useful and practical links

    Wish to RoboHelp form/Bug report form

    Begin to learn RoboHelp HTML 7, 8 or 9 in the day!

    Adobe Certified RoboHelp HTML Training

    SorcerStone blog

    RoboHelp EBooks

  • How to replace the image on the layer using after effect API

    Hello everyone,

    I have a big problem, I need to replace the image on the layer using after effect API.

    Create a new film with my new image:

    AEGP_FootageH footageH = NULL;

    ERR (suites. FootageSuite5()-> AEGP_NewFootage (S_my_id,

    psd_path,

    & key1,

    NULL,

    FAKE,

    NULL,

    (& footageH));

    AEGP_ItemH layer_itemH = NULL;

    ERR (suites. FootageSuite5()-> AEGP_AddFootageToProject (footageH, new_folderH and layer_itemH));

    Then I have a film footageH Manager

    and Manager of my layer to the old image.

    AEGP_ItemH itemH.


    Please

    How to replace image on my layer exists?

    I have founded not nothing in Google, Documentation and examples.

    Hi mikhailv6888620 https://forums.adobe.com/people/mikhailv6888620>!

    Welcome to the forum!

    as I know there is no C API function for this.

    You can get the ID of the layer comp element and use AEGP_ExecuteScript() to find

    This point and change the source of the layer with the javascript API. (I do it

    as follows in one of my plug-ins)

    the text of this script is entirely internal in your plug-in. the user

    does not know that a call to java is involved... (if that matters to you)

  • How to replace the image in the scriptUI?

    #targetengine miscellaneous;
    
    main();
    function main()
    {
        var w = new Window ("palette", "test");
        
        var panel = w.add("panel");
        panel.graphics.backgroundColor = panel.graphics.newBrush (panel.graphics.BrushType.SOLID_COLOR, [0.9, 0.9, 0.9]);
        var photo = panel.add ("image", undefined, File ("C:/Users/user1/Desktop/empty.png"));
        photo.size = [200,300];
        
        
        var bt1 = w.add ("button", undefined, "image1");
        var bt2 = w.add ("button", undefined, "image2");
        
        bt1.onClick = function(){        
            // Draw a image1 in the panel.
        }
        bt2.onClick = function(){        
            // Draw a image2 in the panel.
        }
    w.show ();
     }
    
    
    
    

    Hello.

    I want to replace the image in the Panel, when I press the button.

    Please tell me the source required to function onClick.

    Thank you.

    I messed up Marc prototype, it works also for the good old days of cs

    // https://forums.adobe.com/thread/2010653
    // By Trevor http://www.creative-scripts.com
    
    CC_FLAG = +(9 <= parseFloat(app.version));
    Image.prototype.refresh = CC_FLAG ? // prototype by Marc Autret http://www.indiscripts.com/
        function()
        {
            var wh = this.size;
            this.size = [1+wh[0],1+wh[1]];
            this.size = [wh[0],wh[1]];
            wh = null;
        }:
        function()
        {
            this.size = [this.size[0],this.size[1]];
        };
    
    var boxEmpty = ScriptUI.newImage("\u0089PNG\r\n\x1A\n\x00\x00\x00\rIHDR\x00\x00\x00\x12\x00\x00\x00\x11\b\x06\x00\x00\x00\u00D0Z\u00FC\u00F9\x00\x00\x00\x04sBIT\b\b\b\b|\bd\u0088\x00\x00\x00\tpHYs\x00\x00\x0B\x12\x00\x00\x0B\x12\x01\u00D2\u00DD~\u00FC\x00\x00\x00\x16tEXtCreation Time\x0003/23/14Y6\u00F4+\x00\x00\x00\x1CtEXtSoftware\x00Adobe Fireworks CS6\u00E8\u00BC\u00B2\u008C\x00\x00\x00\u00ADIDAT8\u008D\u00ED\u00931\n\u00C30\fE\u009F\u008B\u0087\x1C47\u00CC\u00852\x04b0DN\x06\u00C98\t\u00E9PZhi\u00C1-\u00DD\u00DA7I\u00CB\u00E3KH\u00AEm\u00DB\u00A3i\x1A\u009Cs\u0094R\u00D8\u00B6\u008D\x1Ar\u00CE\u0088\b!\x04\u00FA\u00BE\u00C7\u009B\x19\u00EB\u00BA\u00B2\u00EF;fF)\u00A5J\u00A4\u00AA\u00C4\x18\x19\u0086\u0081i\u009A\u00F0\u00F3<\x03\u00D0u]\u0095\u00E0\x11\u00E7\x1C\x00^D\u00AAS<\"\"\u00B7\u00DA\u009B\x19\u00AA\u00FA\u00B6DU\u00EFD\u00A7\u008F\u00A2<\u00E1/\u00FAi\u0091WU\u0096e\x01.\u008FX{\u009C\u00AA\u00CA\u00F5\u00BD\x00|\b\u0081\u0094\x12\u00E38\x12c\u00AC\x16\u00E5\u009CI)\u00DDz\x07\x1C\u00F5\x03\u00BC\u00E6k;:\x03)\x15k\u00D6\x00\u00CA?,\x00\x00\x00\x00IEND\u00AEB`\u0082"),
        boxTicked =  ScriptUI.newImage("\u0089PNG\r\n\x1A\n\x00\x00\x00\rIHDR\x00\x00\x00\x12\x00\x00\x00\x11\b\x06\x00\x00\x00\u00D0Z\u00FC\u00F9\x00\x00\x00\x04sBIT\b\b\b\b|\bd\u0088\x00\x00\x00\tpHYs\x00\x00\x0B\x12\x00\x00\x0B\x12\x01\u00D2\u00DD~\u00FC\x00\x00\x00\x16tEXtCreation Time\x0003/23/14Y6\u00F4+\x00\x00\x00\x1CtEXtSoftware\x00Adobe Fireworks CS6\u00E8\u00BC\u00B2\u008C\x00\x00\x01rIDAT8\u008D\u00A5\u0093\u00BF\u00AA\u00EA@\x10\u0087\u00BF\x1CR\u00D8ie\u00AB\u00A5\u0095A\u00C1\u00DAg\u00B0\u00B4\u008A\u0085}|\x03\u00F3&\u00DAZY\u00F8\x02\u00BEA\x04k\u00D1BD\bd\u00A3\u00E2&\u00C4?s\n\u00CF\u0089\u00F7\u00C4\u00CB5\u0087\u00FB\u0083\u0085\u009D\u009D\u009D\u008F\u0099\u009D\x1D\u00A3\u00DF\u00EFK\u00A1P\u00C00\f\u0092$\u00E1z\u00BD\u0092Gq\x1C\u00A3\u0094b\u00BF\u00DF\u00B3\u00D9l0\u00A3(\u00E2r\u00B9p\u00BB\u00DD\u0088\u00A2\u0088$Ir\u0081\u00B4\u00D6\u00F8\u00BE\u00CFv\u00BB%\b\x02\u00CC\u00C3\u00E1\x00\u00C0l6\u00CB\x05\u00C8\u00CA0\f\x00L\u00A5T\u00EE,\u00B2RJ\u00A5\u00FB\u008F(\u008A8\u009DN\u00BF\x02\u00B8\u00AEK\u00A5Ra\u00B9\\\u00A6g\u00E6o\x00\u008B\u00C5\u0082^\u00AF\x07\u00C0d2\u00A1\\.?3\u00CA\x0B\x19\u008F\u00C74\x1A\r\x00\u00E6\u00F39\u00F5z\u00FD\u00E7\u0085f\u00B3)\u00B5ZM\u00FE\u00A5\u00E1p(\u0080X\u0096%J)\x11\x119\u009F\u00CF\u00B2Z\u00AD\x04x\u00AC,\u00C8\u00F3<\u00F1		   
  • How to avoid the images double click at check boxes?

    I'm recording a simulation of a person using a licensing system.  Whenever I save it I get an image split on all boxes click - Help?  Never, I get this when I go through the process without registration, only when recording.  This is why Captivate must be the origin of the problem.  Any help would be appreciated.  Here's an example of what I mean, the login screen should show only once, but it gives you a double image.  He does this with every box.

    eg double screen.JPG

    Hello

    Can you please try to disable the following: Edit-> preferences-> registration-> 'Move new Windows in registration area' and then let us know if your problem solved?

    See you soon

    Siva

  • How to replace the default loading of wecenter (ss.gif) image.

    Hi all
    I'm working on customizing webcenter.
    Can someone provide me how to replace the image that is displayed before loading webcenter content gets default loading of webcenter.

    Appreciate a quick response.

    Thank you
    Arun.

    If this is the start screen, you speak of, a custom skin setting these selectors may work - af | document: splash-screen, af | document: splash-screen-content, af | document: splash-screen-message and af | document: splash-screen-icon.

    Please note that I have not tried these myself.

  • 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

  • How to replace the video clips on a timeline?

    In After Effects I can choose to replace the images in the file menu. How do I do this in yet?  It looks like I could add a new element to the existing scenario, and then delete the old clip. Will there be an another/better way to do this?  CS5 running on a MacPro.

    Haven't you replace images when you right click on a clip?

  • Satallite A100: How to replace the keys?

    Is there a manual on how to replace the keys once they come out?

    My Satallite A100, a year, lost two keys a few weeks ago, and I am unable to replace them, even if I have all the parts (little). It got even worse when some more broke recently, when my grandson some peeled off, using exhibit created by the keys already disappeared.

    Thank you!

    Hello Mike

    Read your ad I don't understand exactly what is wrong with your keyboard but deleting and creating keycaps (plastic with written symbol) is not problematic. You have to just put this right into place and push it gently. You will hear a click and the key CAP will be back to the square.

    Under this cap is placed small plastic mechanism. It contains two small plastic parts. If they are deleted from the bottom, you can put them inside once again. To see how it looks like to remove any other key cap and see how it is placed.

    I did the same today, and with a little patience you can put it in the right position again.

  • How to replace the keyboard of g570

    Hello

    I fall my lenovo g570, broken keyboard. does anyone know how to replace the keyboard?

    I couldn't go on the case.

    Thank you

    Hi resilience.

    Here is your manual of maintenance of equipment with the numbers of room and directions and videos in the second link.

    Go to laptops, essential, and you'll see the G570. Click on it and it will give you videos on the disassembly.

    Dave

    http://www.lenovoservicetraining.com/ion/

    http://consumerdl.Lenovo.com.CN/userfiles/Userguide/en/user's%20guides%20and%20manuals/G475G575/Leno...

  • Replace the image in a model created in After Effects

    I created a model intro to After Effects that has little text and the animation of a masked image. If I import this model ASP in Premiere Pro, I can easily replace the text, but I can't find a way to replace the image too.

    Is this possible? How?

    If I understand what you're asking, yes it is possible. I place the image in a sequence, use the corners effect to adjust the shape of the frame, remove in the middle of the image, place the image behind and used the corners on the photo to match the frame.

  • How to change the image on the layer of the photo?

    How to change the image on the layer of the photo? I accidentally chose the wrong design and I'm not able to delete/modify it. Already, I had little work, so the change in office had to happen sooner.

    Sara

    To change the image in the photo layer

    1. Select the layer of the photo in layers;

    2. click on the button to learn more.

    3. delete the current photo;

    4. the layer is reset with no picture

  • How to make the images uploaded to update in design mode?

    PCOC
    I can create a page with local images and their replacement updates fine in design mode.

    How can I replace the images uploaded to in Design view, although both have been modified locally and on the site? Display live shows correct, but design view is not updated.

    The previous image always seems to be in sight unless I have replace it with its new local image (self-titled) and then change the link to account for his site link.

    Behavior of buggy which seems to have been put in place for a couple releases now.

    TIA

    DW has always had problems with the display of the images remotely located in Design view, the terrible workaround for it is to close and reopen the DW for the external image update is displayed correctly.

    However, it should not have any problem with changes to local images. Who should view as soon as the local file is modified.

    Work on one Site?

  • How to replace the close on af:dialog icon

    Hi all

    How to replace the icon close [X] in af:dialog with NARROW text link.

    I know there is a way to hide the icon via css by setting af:dialog - close - region:display: no

    But how to replace the CLOSE text icon.

    Use Jdev version 11.1.1.5.

    Use this:

    AF | dialogue: closing-icon-style.

    AF | dialogue: closing-icon-style: hover,.
    AF | dialogue: closing-icon-style: development,.

    AF | dialogue: closing-icon,.

    AF | dialogue: closing-icon: hover,.
    AF | dialogue: closing-icon: update

    {- tr - inhibit: background-image;}   content: 'CLOSE' ;}

  • Photoshop CC: Have a template that I transferred the image to.  The image is too small.  How to resize the image in the template?  Or I have to go to the file original image and resize here over and over again until I have found the right person?

    I have a model I am able to plug different images at different times.  The problem is when I plug an image in this template, I think that the image is either too big or too small.  Is it possible to connect the image in the template and resize the image (and not the template itself) OR I have to go into the file with the original image and resize them it there and then try to plug it into the model to see if it fits - and if it does not fit, return to the original with the image file and resize it again and see if this fits - and so on and so on...?  "" I tried the "image size" option, but it's all or nothing - especially miss!

    Thank you!

    First, make sure that the original image is larger that you need. It is easier to delete pixels that so add nonexistent pixels.

    Place the image in the template.

    In the menu filters, choose Convert to smart object. (Make sure that the image layer is selected before doing this step)

    Now reduce the size of the image of what you need (ctrl-t or cmd - t) when satisfied click return/enter.

    Because the image layer is a smart object, you can replace the inner image in another image and the scale will remain the same. You will find the option to replace the image in the layers > smart menu object.

    If you need assistance more let us know.

Maybe you are looking for