Editing rollover images

Hi all,
Two questions:
Once I place a rollover image in a webpage, how can I go back and modify the rollover image?  Once I click the "OK" button in the Insert Rollover Image dialog box, it seems I can't pull this up again.
Also...is there a way to "copy" a rollover image from one webpage document to another and retain the functionality?  I tried dragging and dropping the image, but it doesn't act like a rollover--it just shows the original image and retains the link.
Thanks in advance.

Once I place a rollover image in a webpage, how can I go back and modify the rollover image?
DW can't modify a rollover image.  You need to modify images in your graphics app.  That's one of the big drawbacks to using images for menus or anything else that is likely to change during the life of your site.
For these and other reasons, I use CSS styled lists for navigation.
CSS Horizontal Drop Menu
http://alt-web.com/DEMOS/CSS2-Horiz-Drop-Menu.shtml
is there a way to "copy" a rollover image from one webpage document to another and retain the functionality? 
Rollovers rely on JavaScript code in the <head> and <body>  tags of your document.  You would need to copy & paste all required  code in Code View.
Or just use File > SaveAs > New-file-name.html.
See also -
Guidance  on when to use DW Templates, Library Items and SSIs -
http://www.adobe.com/devnet/dreamweaver/articles/ssi_lbi_template.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

  • Can't get rollover images to work as links [was: I have a question if someone could answer?]

    I have fixed my page so I can preview it and everything is working fine but now I cant get my rollover images to work as links.  When I go to put in the link like normal the rollover behavior stops working and it is just the original image.  Any way for me to turn it into a link but still keep the rollover image change?
    [Subject line edited by moderator. Please use more meaningful subject lines in future.]

    Can you provide a link to your website so we can see what you're seeing?
    Without one, you're asking for an answer based on guesswork.

  • Swf file causing rollover images not to work

    I've inserted a Flash file into my webpage in Dreamweaver and it broke all my rollover images.  Even deleting the swf file and reinserting the rollover images doesn't work.  I've read a few threads on this but can't quite find exactly what I'm looking for.  I think it's something in the <head> code but I'm not sure.  Any help would be much appreciated!
    <head>
    <title>Matt  Relstab | Still Photography | Moving Pictures | Sound  Design</title>
    <meta http-equiv="Content-Type"  content="text/html; charset=ISO-8859-1">
    <script type="text/javascript">
    <!--
    function  MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr;  for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)  x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var  d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
         var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;  i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;  d.MM_p[j++].src=a[i];}}
    function  MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document;  if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document;  n=n.substring(0,p);}
      if(!(x=d[n])&&d.all)  x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)  x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++)  x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return  x;
    function MM_swapImage() { //v3.0
      var  i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;  for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x;  if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    <meta  name="keywords" content="natural light photography, media producer  boston, online media, photographs, sound design, audio for film, web  video, video production,
    boston production, portable recorder, digital photography, digital  media production">
    </script>
    <style  type="text/css">
    <!--
    body {
    background-color: #3f4450;
    -->
    </style>
    <script  src="Scripts/AC_RunActiveContent.js"  type="text/javascript"></script>
    </head>

    For starters, look at the first line on your errant page, it starts out:
    <meta name="keywords" content="audio reel, foley artist, sound effects mixer, audio mixer
    boston, sound engineer, post production">
    <html>
    Thats not good.  If you look at your other pages, the <html> tag is first, the way it should be.
    Switch them around, then try this, remove your <html> tag (the very first tag is where is should be) and replace it with this
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    See what that does for you.
    Gary
    On Edit:  I just noticed that you have
    <meta name="keywords" content="natural light photography, media producer boston,
    online media, photographs, sound design, audio for film, web video, video production,
    boston production, portable recorder, digital photography, digital media production">
    inside your js for the rollovers...Move them out of the script.
    GAry

  • Fade in Fade out not working on Rollover Image for Captivate 6

    Hi
    I am totally baffled with this issue.  When I use Fade in 0.5 sec and Fade Out 0.5 seconds on a rollover image, it will not work.  I even changed the default on my preferences for rollover images and it still will not work and does not show in my accordian panel in properties.
    If I use Captivate 5, I do not have any problem.  Any suggestions?
    Thanks
    Jeff

    Are you forgetting that a rollover object has two parts?  It has a hit area and the object that appears when you mouse over the hit area. Each part can have different settings in the Properties tab. In a  rollover caption, the object that appears is a text caption.  In a rollover image, the object is an image.
    If you select the rollover object on the timeline, the Properties you see for it in the Properties tab are for the hit area.  So having fade in or fade out set there will not affect the object that appears on mouseover.
    If you select the caption or image on the stage in Edit mode, the properties shown in the Properties tab are for that specific object and can be different from the hit area of the same rollover object. 
    In your case, make sure that your image is set to have fade in or fade out.  Fading on a hit area of a rollover object is not really useful at all.

  • Lightroom 5.4 jumps to second monitor when attempting to edit an image in Photoshop CS 6.

    Hello,
    I have a brand-new HP z620 with an Nvidia Quadro K 4000 display adapter and apparently a software and/or hardware conflict.
    I am experiencing an issue with Lightroom 5.4 window not working correctly with my second, not primary, monitor. When Lightroom is working on the second monitor and I need to edit an image in Photoshop cs6, I want Lightroom stay where it is and Photoshop to open on my primary monitor. And this has worked well for me on my previous system which was also a Windows 7 64-bit machine with an Nvidia GeForce GTX 570.
    When I click the Lightroom option to "edit in Photoshop CS 6” The Lightroom window will move itself to the primary monitor for no apparent reason. This is the problem I am seeking to remedy.
    No other external editing programs opened through LR behaves this way, such as NIK or OnOne Perfect Photo Suite, and I really need LR to stay on the second monitor on the extended desktop.
    I’ve tried every monitor cabling setup I could think of to try and even unplugging the primary to make windows identify it as the 2 monitor in the screen resolution settings, but that does nothing for me. My new workstation is running the same OS version and a K4000. Monitors are currently connected to the display ports via dp to dvi adapters. I’ve already tried moving the connections around and plugging one into dvi, there doesn’t seem to be a setting I can change within windows or adobe to change this behavior.”
    On a related note, I have similar instability in software made by X-rite that supports the use of a colorimeter allowing me to build profiles for monitors and evaluate colors precisely. During the profiling process I place the colorimeter in the designated place on the secondary monitor and direct the application to begin showing the colorimeter different colors on that monitor. At this point the colors jump to the primary monitor while the rest of the interface along with the colorimeter is a secondary monitor. I have a workaround that I'm using for this particular problem but I am fairly sure that the issue that causes the problem with Lightroom is also the source of my trouble here and I need to eliminate it.
    thanks for your time,
    Larry Garvey

    Change the sort order. View->Sort

  • I am unable to edit an image in Photoshop.

    I just installed Lightroom 5.3, and I have Photoshop CS5.1 installed. The problem is that I am unable to edit an image in Photoshop. When I click Photo>Edit In, the option for Photoshop is not active (i.e., it's not black), so I can't click on it. Why are the options for Photoshop and all of the other Photoshop related options, such as Merge to Panorama, etc., not active? In Preferences I have the following settings: File Format = TIFF; Color Space = ProPhotoRGB; Bit Depth = 16 bits; Resolution = 240; Compression = None. I am using Windows 7.

    Chris:
    I have to apologize for being misleading on my request for help in
    resolving the problem.
    Actually the version I am using is CS2 not CS3.
    Yesterday I tried numerous times, and ways, to edit an image and each time
    it refused to allow me to save it.
    The software program just shut down. This evening when I decided to give it
    another try it worked perfect.
    Guess the program just took the day off.
    Thank you for offering to help
    Regards,
    Doug

  • How do I show multiple rollover images on a page inserted dynamically (pulled out of a sql database

    How do I show multiple rollover images on a page inserted dynamically (pulled out of a sql database table) using Dreamweaver’s Repeat Region. Example: I have different products each one associated (through their productID) with two images (one that’s showing in the page and one for the rollover effect) that are pulled from a database using Dreamweaver’s Recordset. So I want to end up with a page containing row after row of images(one for every product).When moused over each image will reveal the second (rollover) image for the same product which in turn can be a link(the image itself ) that when clicked leads to a detailed page with more information about the product the image is associated with. To show row after row with images for the different products in the database table I am using Dreamweaver’s Insert Rollover Image command and then the  Repeat Region – I have no problem to complete the steps, to insert the image and the rollover one at once and set the paths so they are pulled dynamically depending on the productID they are associated with .I have also no problem to apply the Repeat Region so not only the first image associated with the first product in the table is shown but all of them-a routine and standard procedure when using the Repeat Region to dynamically generate and display multiple rows of data. However, when I preview the page the rollover effect is lost –the images are shown but when moused over the second  image does not  show. The problem is caused when the Repeat Region is applied-once again I am allowed to apply it but the rollover stops working, a kind of interference. ANY SOLLUTION PLEASE, ANY WORK AROUND.

    I gotta tell you, using multiple images for rollover effects is going to be a big challenge in your dynamic scenario. 
    If this were my product page, I would use thumbnails with a bit of CSS opacity or filters to desaturate and make them full opacity/color on mouse over.  Nice effect with much less bandwidth. Easily done globally with CSS code.
    Two examples:
    http://alt-web.com/GALLERY/GalleryTest.php
    http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
    Nancy O.

  • How do you add multiple links to a rollover image?

    Hi guys,
    I'm pretty much a novice when it come to DW, but i understand some things and can get by with a simple website(i only use design mode).
    Anyways, i understand how to use rollovers if its a basic image over image swap. My issue is, I have a link that says "T-shirts" and what i want is when you roll the mouse over that text, it swaps to another text -"1 or 2". Now on the "1 or 2" image, i want to have 2 seperate links on them.  I tried using hotspots but to no avail. Everytime, the "1 or2" text comes out as a single link. Is doing this possible? I'm using CS4 if that helps btw.
    Thanks!!

    I think you're trying to make something that is more complicated than it needs to be... First, as far as I know there is no easy way to accomplish what you're trying to do with a single image...
    The first option would be to split your initial image in half, and create a rollover effect on the left half on rollover with the specified link 1, and add a second rollover effect on the right side image so that it also changes. Do the same with the right half image - create the rollover effect along with the link for that image only, then add a rollover script that affects the left side image (I've attached a very basic sample to demonstrate in the zip folder - note that there are two rollover images - each with a separate web link, and each has a rollover effect that affects both buttons...)
    Second option is perhaps using a "Dropdown" menu that (on rollover) shows two more links... there are many ways this can be accomplished - the easiest (in my opinion) is by using the "spry menu bar". Once created, you can adjust the colors, fonts etc., and an image could be replaced on the initial link within the css... (my website is still under construction, but hopefully will show what I mean: http://www.jgigandet.com/) If you google "drop-down menu html, you'll find several other alternatives  to spry as well...
    Hope that helps...
    Jesse

  • I am using Lightroom 5 and am hapy about it, but recently I hav encountered a problem when trying to edit an image in another program, i.e. Elements. I used the clone tool, saved the result and went back to Lightroom to open the image there. I did find a

    I am using Lightroom 5 and am hapy about it, but recently I hav encountered a problem when trying to edit an image in another program, i.e. Elements. I used the clone tool, saved the result and went back to Lightroom to open the image there. I did find a second copy, but this is identic with the one I already had in Lightroom, and I can see noe result of the clone process.

    At the moment I would say it is uncertain whether Acrobat is completely ignoring the change, or whether the changes you are making aren't affecting the ink density. I have a suggestion for a test you could make to see which is the case.
    When editing in Photoshop just add a box or mark on the image, for your tests.
    - If this box does not appear in Acrobat, you know Acrobat is not seeing the edit
    - If this box does appear in Acrobat, you know the problem is that your tool for changing ink densities is not taking effect.

  • Hi I have a question about shooting in Raw with my Canon EOS 6d. I'm in the process of learning photography and my goal was to start shooting in raw. I have Photoshop CS5. When I tried to edit my images in raw I received an error message stating, "The pho

    Hi I have a question about shooting in Raw with my Canon EOS 6d.
    I'm in the process of learning photography and my goal was to start shooting in raw.
    I have Photoshop CS5. When I tried to edit my images in raw I received an error message stating, "The photoshop camera raw plug-in did not recognize the format. If these files are from a camera, you may need to update your camera raw plug in."
    In researching the issue I read that to edit in raw you need a camera model requirement of at least 7.3 which only works with CS6. My version of CS5 is 6.0.0.205. Being new to all this I see that my options are to upgrade to CS6 or convert by using DNG converter and paying a monthly fee. Two things I know nothing about and don't know which is would be more beneficial.
    I'd appreciate any advise on which route to go and how upgrade and what it may cost. THANKS in advance!
    Heather

    In researching the issue I read that to edit in raw you need a camera model requirement of at least 7.3 which only works with CS6.
    That is correct. Your camera was first supported by Camera Raw 7.3. Camera Raw 7.3 will not work with CS5. You need CS6 or CC.
    Being new to all this I see that my options are to upgrade to CS6 or convert by using DNG converter and paying a monthly fee. Two things I know nothing about and don't know which is would be more beneficial.
    I'd appreciate any advise on which route to go and how upgrade and what it may cost.
    It all depends on your preferred workflow and your budget.
    Using the DNG converter is free. There is no monthly fee. You use the converter to convert all Raw files from the EOS 6D to DNGs then edit the DNGs in CS5. That's an extra step every time - every photo. Some people don't like the extra step. Others don't mind.
    Camera raw, DNG | Adobe Photoshop CC
    Or you can upgrade to CS6 (non-Cloud) and pay the upgrade fee
    Creative Suite 6
    Or join the Cloud and pay the monthly fee
    Or join the Photoshop Photography Program (US9.99/month) and get PS CC+LR

  • I Have a Mac 10.9.5 I have Photoshop CS 5.. Also have Photoshop CC. As of last month was able to edit any image with either program,as of today I can't edit images in either program. I can't see and editing I've done ,but when close the image both program

    I Have a Mac 10.9.5 I have Photoshop CS 5.. Also have Photoshop CC. As of last month was able to edit any image with either program,as of today I can't edit images in either program. I can't see and editing I've done ,but when close the image both program ask (do you want to save changes) I look at the image I don't see any changes to save. Please help Thanks for time in advance

    Please describe the steps involved in the issue exactly (with screenshots maybe).
    What have you done for trouble-shooting so far?
    http://blogs.adobe.com/crawlspace/2012/07/photoshop-basic-troubleshooting-steps-to-fix-mos t-issues.html

  • Cant figure out how to edit raw images

    I am using a windows computer and have Photoshop elements 10. I'm trying to edit raw images but every time I try to open a RAW file it says that its the wrong type of file. I tried downloading Camera raw. Elements 10 is compatible according to adobes' site, up to camera raw update 6.7, and that's the first version that my camera (Sony a-57) is compatible with camera raw. I followed the troubleshooting help and ended up deleting and re-installing Photoshop elements but it still says that its the wrong type of file and wont let me open it. 

    Which version of windows are you using?
    This is the camera raw 6.7 updater you tried?
    Adobe - Photoshop Elements : For Windows : Camera Raw 6.7 update for Elements 10
    I'd try running the above 6.7 camera raw plugin updater from the linked page above.

  • Why won't my edited RAW images show after a LR re-install onto a new Hard Drive?

    Hi there. Recently my hard drive took a (hike) and crashed - data may or may not be recoverable (Geeks are working on that), and I needed to reinstall my CS5 and Lightroom software to a new hard drive (I had to buy a new one). All of my RAW photos are stored on an external drive and were not harmed, thankfully.  Here is my dilemma. Most of the presets I used also went crashing with that hard drive, (yes I believe they were backed up but also on that hard drive...stupid I know-trust me I know!!) but most of them were the free ones from the adobe recommended users on this site. I actually found many of my favorites still posted on the Adobe site and re-downloaded and installed the presets I'd been using the past year and a half, and imade sure those presets were housed properly in their folder via Preferences in Lightroom. Great. I can continue on with my work. WRONG! When I went to go import a recent shoot that I had already edited, it imported the RAW files but none of the previous edits I had worked on for these photos were showing up...it was as if I didn't even touch them and they came right from my camera. What in the world is going on? I'm baffled...and freaking out as I have thousands upon thousands of edited shoots in RAW, and I fear that none of the edits and enhancements made to those photos are going to be present and I'll have to start over. Please tell me that all of my last 2 years of editing photos are still with the RAW files?!!!
    I found a deal on a an HP Intell Core i7 processor) 2 TB hard drive tower, so I ended up needing to install the 64 bit versions of CS5 and Lightroom 3.6.
    I did test out the RAW (.NEF) file in Photoshop CS5 and my edited RAW image came up "correctly" - so I know that the information is still with the RAW image...I just need it to work and show in lightroom, as it is easier to export the files to the sizes I need them to be.
    Please be kind in your replies...I appreciate any help/guidance I can get on this. Plus the photos I need are for Seniors graduating in a few months here so you can imagine the panic mode is just a bit higher than normal. Many thanks.

    The default location for the backups created by Lightroom on exit is in the same folder as the catalog itself (i.e. that would be on the same faulty drive). It is, however, possible to redirect those backups to a different destination, such as a different hard drive.....but only you know if you did that or not. Do you have any other backups, e.g. drive level backups?
    Just to be clear, if you are importing afresh into a new catalog from Raw files that do have XMP sidecar files, you should see the final edited state from the previous catalog, but you won't see the individual history steps that got you there (as that's one of the things that are not included when you write XMP data from within Lightroom). If there is no XMP sidecar, you'll just get the original OOC image.

  • Why are my rollover images not appearing correctly in my browser?

    I have created rollover images for some of my site navigation, and when I view it in my browser, they are not in the correct place on the page. When I click on each rollover, it eventually goes to the right place when I return to that page, but I must do this to all rollover navigation buttons in order for them to show up in the correct place. The links work fine. I am relatively new to this, so not sure if I am providing all the correct info here. My site is www.pfeiferdesign.com. I am using DW CS4. Would appreciate any suggestions!! Thanks

    Where is it you want the navigation to appear?
    Try this CSS -
    #mainnav {
    clear: both;
    display: block;
    float:right;
    margin-right:50px;
    margin-top:25px;
    overflow:hidden;
    padding:0;
    width:350px;
    Is that anywhere close?

  • After editing an image in Photoshop it appears grayed out inside the media browser

    After editing an image in Photoshop it appears grayed out inside the media browser when I try to import into Facebook (ie.).
    What has to be done in order for me to be able to select my edited images from Photoshop whithin any media browser?

    function(){return A.apply(null,[this].concat($A(arguments)))}
    LarryM01 wrote:
    ...save it as sRGB?
    Would you care to comment on why there is an advantage to do this little extra job?
    Perhaps you don't want to hear from me, I don't know.
    I'll answer just this one little question.  Try to get your mind around what color management does, I promise it does make sense (outside of unexplained problems on particular computers).
    You want to save your web image with the sRGB profile embedded because some Internet browsers are color managed, and with an embedded profile it's more likely someone will see your image colors just as you intended.
    The assumption is that a lowly windows user with a cheap monitor and Internet Explorer will be seeing any image you save as "roughly" sRGB anyway.  Tagging the image with sRGB only affects those with color-managed browsers.
    You're looking for the most possible consistency for the viewing audience.
    -Noel

Maybe you are looking for