Making Roll over images from photoshop layout

Hello Everyone,
I am working on a website and I have sliced my parts of my Photoshop file.
I have saved as a html with images as well!
How would I amek a roll over image out of the buttons I made in photoshop and sliced?

Best thing you can do is delete that HTML file from Photoshop and use the slices and build the code in Dreamweaver.  You will be much better off.
The simplest solution is to save the 2 states of your button as 2 separate images then click on Insert->Image Objects->Rollover Image.  Then select your before and after image.  Just remember to upload the javascript file Dreamweaver creates during this process or it won't work online.

Similar Messages

  • Roll over images not appearing in a preview

    I've created a new project and have had had previous success in making roll over images/captions work but now nothing in this new project is appearing when I preview the slide, not the images or the roll over captions.  I'm using Captivate 6.
    Sorry if i'm not explaining it properly but I've only started using the program this week and have no idea about any of it.
    cheers
    Emma

    Hi Emma
    I note you said: Preview the *SLIDE*. And in that type of preview, all you will ever be able to do is to view when objects appear or disappear or move. Interactive objects such as rollovers will never work in the slide preview. You must preview a different way. (Project, Next X number of slides, From this slide, etc)
    Cheers... Rick
    Helpful and Handy Links
    Captivate Wish Form/Bug Reporting Form
    Adobe Certified Captivate Training
    SorcerStone Blog
    Captivate eBooks

  • Setting the order of a roll over image in a quiz

    Hi,
    I'm using captivate 4 and having issues in setting a quiz for my students.
    I want to have an icon to roll-over so the students can access information relating to the question, eg, diagrams, tables, graphs etc.
    I have done all this yet when the roll over image appears its order is set behind the question and answers, I need it in front. when trying to change the order, eg bring to front, all the options are grayed out and not available. Is there a way to fix this as I know I cannot use a slidelet in a question slide.
    I have also tried to re-order the question and answer text, but is is also grayed out.
    Any help would be greatly appreciated
    Cheers
    Andrew

    Hello,
    You cannot insert interactive objects on any default question slide from pool or not. You will have to change the action to be executed on Success/Failure. There it is possible to jump to a slide.
    Beware: you can never jump to a slide that is outside of the quiz 'scope'. This scope starts with the slide where you have the first scoreable object, which can be a question slide but also a button/click box/TEB with a score. The scope typically ends with the score slide. So be sure that the slide you want to jump to are in that scope. Eventually you can add a scoreable object (with a low score perhaps of 1pt) like a button or click box to the first slide of your project. If you keep the score slide as the last slide you will not have to worry anymore about the scope.
    Hope this makes sense,
    Lilybiri

  • 1) Drop Down Menu 2) Roll Over Images & 3)

    Does anyone know away to make these things possible on iWeb (or if it is not even possible)
    1)
    I'd like to have a drop down menu so that my sites are not so cluttered.
    Here is an example:
    http://www.drsteinhealing.com/doctor/chiropractor/2L/Encino/homepage.htm
    2)
    I have seen rollover images in flash, but I hear that it is possible without flash and I think it would be great to have some pictures as such for the menu. I would think this would be possible because right now there is a rollover color change to words that are links if you want it to change colors... so:
    a) is flash possible on iWeb
    b) even if it is not: is there a way to have rollover images and
    c) can there be roll over images that are also links?
    Here is an example:
    http://planetrobyn.com/ (the pictures go from black and white to color and then they are also the menu)
    I'm learning so it would be great to see if these things are possible. Thank you.

    See these menus.The menus are HTML and CSS only.
    http://www.wyodor.net/Demo/iWebeend.html
    http://www.wyodor.net/_Demo/tmf/Duckmenu.html
    The first menu has the menu hardcode in the published webpage.
    Check the source to see how it's done.
    The second menu has a textbox at the top of the page. A JavaScript in the HTML Snippet finds that textbox and place the menu in it.
    This is pasted in the HTML Snippet :
    <script src="../../../duckmenu/duckmenu.js" type="text/javascript"></script>
    <script language="JavaScript" type="text/javascript">
    <!--
    elem = parent.document.getElementById('menu00').className = '';
    elem = parent.document.getElementById('menu01').className = 'selected';
    elem = parent.document.getElementById('menu02').className = '';
    elem = parent.document.getElementById('menu03').className = '';
    elem = parent.document.getElementById('menu04').className = '';
    elem = parent.document.getElementById('menu05').className = '';
    // -->
    </script>
    This JavaScript places the menu in the textbox :
    http://www.wyodor.net/_Demo/duckmenu/duckmenu.js
    The menu at drsteinhealing is HTML/CSS only too. So if you like it, grab the code + stylesheet and use it.

  • Why can't I copy an image from photoshop, i can't paste it in anoter computer program ?

    Why can't I copy an image from photoshop, i can't paste it in anoter computer program ?

    Denis Beelog wrote:
    Why can't I copy an image from photoshop, i can't paste it in anoter computer program ?
    Assuming Windows...
    You can, assuming you select around the pixels you want to copy, and the selected region isn't too large.
    There are a variety of ways you can get the copy operation wrong, e.g., by not having the proper layer selected or similar.
    And there's a secret setting to enable Photoshop to export its clipboard no matter how large the selected pixel set is.  Note the setting I have bolded below.  Keep in mind that by making this setting you may be subjecting all the software on your computer that registers to receive clipboard data to datasets that are larger than it might expect.  In other words, there could be a downside.  That being said, I haven't had any problems on my Windows 8 system.
    # Photoshop "special items" user-specific configuration file
    #  Must be named PSUserConfig.txt and be put here:
    #   %USERPROFILE%\AppData\Roaming\Adobe\Adobe Photoshop CC 2014\Adobe Photoshop CC 2014 Settings\PSUserConfig.txt
    #  All possible entries:
    #   AllowAsyncIO
    #   AllowOverScrolling
    #   AllowUserConfigFile
    #   ClipboardMaximumSize
    #   DragBoundingBoxOpacityPercent
    #   EnableGestureRotation
    #   FileStreamDefaultSize
    #   ForceProgress
    #   FullPreviewMaxSize
    #   GPUAllowGLXP64
    #   GPUAllowPBOs
    #   GPUCheckerBoardNodeInBlitPipe
    #   GPUDiableMainWindow
    #   GPUDisallowAdvancedGLRendering
    #   GPUDisallowAppleClientStorage
    #   GPUDisallowCanvasImposters
    #   GPUForceLinearCheckerBoardNodeInBlitPipe
    #   GPUIgnoreMemoryRequirements
    #   GPUShouldNotScootATISelections
    #   GPUUseAceNodeInBlitPipe
    #   GPUUseFloatTextures
    #   GPUUseVBLSync
    #   MemoryAlignment
    #   PDFAllowHugeFiles
    #   PDFPresentationAllowHugeFiles
    #   PreserveEXIFMakerNotes
    #   RecentFilesSlowTimeout
    #   SpringKoadedKeyTime
    #   SyncSmartUploads
    #   TrackPadAllowGestures
    #   UseStagingServer
    #   UseSystemStylus
    #   VMCompressPages
    #   VMDisableBuffering
    #   VMForceBuffering
    # Enable Overscrolling:
    AllowOverScrolling 2
    # Remove the clipboard export size cap
    ClipboardMaximumSize 0
    -Noel

  • Building a site out of sliced images from photoshop

    I've just begun a web design class and i assume that the instructor has us building sites this way cuz pretty much none of us have any idea how to use CSS (pretty much everyone in the class is brand new to web design, myself included).  So i'm pretty much trying to build the entire thing/layout with a 945 pixel wide table (height to be 625 when everythings in place).
    It isn't working though, once i start splitting and merging stuff gets really messed up, like the measurements of cells appear to almost randomly change and when i try to change them back it like, wont work.
    i seriously dont know why this isnt working, google search has answered this question not at all.  i just dont think i dont know how to use tables, which i need to do in order to complete his assignments.
    plz halp meh T.T

    Building a site out of sliced images from Photoshop is a poor way for your instructor to begin your web design/Dreamweaver learning.
    Site layouts built this way are fragile and inflexible.
    Once you start splitting and merging cells and moving cell borders around, you open a world of debugging and troubleshooting.
    Much better to learn some elementary HTML and CSS first then learn Dreamweaver in a weekend. Dreamweaver makes so much more sense when you do.
    As it is, you're trying to learn Dreamweaver, HTML (and a little CSS) simultaneously on the fly. Really inefficient way to do it.
    Tables in web design are elastic by nature i.e. they collapse to fit snug against the content inside them.
    Since you're already on this journey, remove your cell dimensions entirely and see what happens.

  • Exporting text as an image from Photoshop

    I am using a non web safe font and so I am exporting the body of text as an image from Photoshop. Canvas size 900 x 600 pix 72 dpi.  However when viewing in the web browser the text looks soft and pixelated.  
    Does anybody know how I can solve this?   All I want is sharp lookinh text!
    J

    Hi Vikas
    I export files from Photoshop as png's at 72 dpi.  
    Here is our current holding page.  http://www.iheartmylife.co.uk/ All the text on this page has been loaded in as png's from Photoshop along with the image. As you can see none of it is as sharp as it could be.
    Many thanks for your assistance.
    James

  • How to insert cropped images from photoshop without the white background

    Basically all I want to do is take a peice of writing from a video and insert it into another video. To do this I've took a screenshot of the font from the video and imported it into photoshop. I've then cropped/cut/took the the peice of writing I want, letter by letter. I want to be able to insert it into another video, but whenever I attempt to do it, I have the default white background of photoshop. Is there anyway to insert an image from photoshop, without taking the background with it, or even insert a layer from photoshop straight into final cut pro? Sorry if this is confusing.

    I don't think so. I cropped the letters, put them each an individual file, removed the background, saved them as a TIF then tried to import them onto Final Cut Pro, but a white background still appeared in the TIF file. Basically I just want to make the background transparent I believe.

  • Problem: importing a transparent image from Photoshop to Premiere.

    Dear Adobe community,
    I am trying to import a transparent image from Photoshop to Premiere Pro CC. Whatever file format I choose to export from Photoshop, Premiere Pro CC will not import the file correctly. When I import is, two things occur: 1) the image gets imported, but the white background is still there or 2) the image gets an error "The importer reported a generic error".
    Does anyone have an idea how I can get an image with a white background transparent into Premiere Pro CC.
    Specs:
    MacBook Pro (Retina, 13-inch, eind 2013)
    2.8 GHz Intel Core i7
    16GB RAM
    1536MB Intel Iris videocard
    Thanks!
    Christiaan

    You need to make sure the image has an alpha channel.
    Images like jpeg dont have an alpha channel.
    Psd or png do and the image has to be RGB.
    Make sure the background in PS is also transparant.

  • Roll-over images

    Does RoboHelp support roll-over images?
    I've tried every way to insert a roll-over image into my
    project, including editing the html page in dreamweaver but as soon
    as I open it up in RoboHelp and generate it the images either does
    not change or it is not visible.
    Please advise...
    Thanks,
    Susy Carrillo

    You might take a look at
    Walter
    Zorn's free tooltip utility, a really neat onMouseover
    application that makes your tooltips look like popups, including
    the use of links within them.
    You can use it for text links or in combination with image
    maps. So far, I'm using only the former, but I'll be using the
    latter for some new, complex C# screens in our next version
    release.
    There are a few things that can trip you up, such as: all the
    HTML inside the Javascript area (the
    escape('Some text') portion) cannot have carriage returns;
    and certain characters must be escaped with a backslash (such as
    replacing double quotes with backslashed single quotes). However,
    it's all explained quite well on his site. You can control
    backgrounds, transparencies, images, placement, etc.
    As Peter says, do all your testing in a scrub project before
    going live in the real one.
    Good luck,
    Leon

  • How do I bring tags on images from photoshop elements 8 to photoshop CS6

    How do I bring tags on images from photoshop elements 8 to photoshop CS6

    Mylenium wrote:
    Ask in the PSE/ PS forums. The simple answer is, though, that unless they are emebedded in the image or exist as sidecar XMP files PS won't use them. It doesn't look inside the PSE catalog files/ database.
    Mylenium
    ... which means you have to use the menu /file/write metadata to files so that the tags and ratings are written in the files or sidecar files themselves.

  • Moving File images from photoshop to photo elements

    I am unable to move images from photoshop to lightroom. The ones I want to move shows up as a clouded image that I am unable to export. Any thoughts?

    Hi! Can you clarify where you are trying to move photos to and from?
         Photoshop Elements > Photoshop
         Photoshop Elements > Lightroom
              ...or...
         Photoshop > Photoshop Elements
         Photoshop > Lightroom
    You've posted in the Photoshop for Beginners forum, but if you need help with Photoshop Elements or Lightroom, we can redirect you to the correct forum.
    Photoshop Elements forum
    Lightroom forum
    Cheers,
    Kendall

  • Printing banner images from photoshop CS3

    Hi, I have successfully printed banners 1200mm x 297mm from my Xerox Phaser 7750 and Illustrator (Vector art). When I try to print a photographic image from Photoshop it all prints fine except the last 300mm or so. The image has white bars and properly printed image evenly spaced from top to bottom of the print. I have reduced the resolution and file size but the problem is still there with wider bars the lower the resolution. The original image was 160mb but I have the same issue with a 20mb image. ALso tried placing in Illustrator but get similar problems.
    I assume this is a memory issue but I thought lowering the file size drastically would fix it, yet it doesn't. The Printer has a relatively low amount of memory (384mb) but I would like to know if this is the real cause before I dive and buy more memory - big chips are still expensive on this.
    Any help would be very welcome.
    Thanks. Ant

    Hi, I will try printing from inDesign but I have managed to get an image to print out by changing the quality in the print driver to standard - it was previously on 'Enhanced' or 'Photo'. I had tried from Illustrator and had similar problems (printed OK with Illy created art though) so thought it may be a printer memory issue which does seem to be the case. I assumed that by reducing the file size/resolution it would print but it seemed to be the image quality that uses more computing power than the pixel count of the file. I guess a different RIP may also help as it could use the much higher RAM of the Mac rather than the printers meagre 384mb.
    I had originally thought it may be a P/Shop issue as I had problems printing to Epson inkjet some months ago and then Epson and Adobe seemed to blame each other!
    Thanks for the reply.

  • Cannot align images from photoshop

    i am importing images from photoshop and when i try and put them side by side one goes underneath. its like in microsoft word when you have the paragraphs on when you put images together. i need a option to un-wrap the images so they can go side by side rather than one under the other. i hope someone understands! i changed the borders on the images to "0" and still no joy. help will be greatly appreciated.
    james

    here's the code if it helps
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>LaneWebDevelopments Homepage!</title>
    <script type="text/javascript">
    <!--
    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_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_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];}
    //-->
    </script>
    </head>
    <body onload="MM_preloadImages('rollovertools_02.gif','rollovertools_03.gif','rollovertools_04. gif','rollovertools_05.gif')">
    <img src="Top-Graphic_02.gif" width="938" height="124" /><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','rollovertools_02.gif',1)"><img src="Home-Page_02.gif" alt="Go Home!" name="Home" width="110" height="48" border="0" id="Home" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About Us','','rollovertools_03.gif',1)"><img src="Home-Page_03.gif" alt="About Us" name="About Us" width="146" height="48" border="0" id="About Us" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Web Development','','rollovertools_04.gif',1)"><img src="Home-Page_04.gif" alt="Web Development" name="Web Development" width="266" height="48" border="0" id="Web Development" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact Us','','rollovertools_05.gif',1)"><img src="Home-Page_05.gif" alt="Contact Us" name="Contact Us" width="171" height="48" border="0" id="Contact Us" /></a>
    <img src="Home-Page_06.gif" width="239" height="48" /><img src="mainblurb_03.gif" width="366" height="858" border="0" /><img src="prices_03.gif" width="448" height="359" border="0" />
    </body>
    </html>

  • Taking images from Photoshop and taking them to Dreamweaver

    Why is it that when i take my images from photoshop and save them for the web, that when i open them in my dreamweaver html file they have lost quality and saturation in the image?

    There are 2 ways to do it correctly one is better then the other. The best way to bring an image into
    DW is to first create a layer based sliced and the copy & paste it direc
    tly into DW. When you do that you will get a Image optimize window, this is a built-in Firework image
    optimizer it does a much better job a maintaing quality will compressing image size. The second optioin is to use the save to web feature. Tehy work the same DW/FW does it better. If your image quality still is not what you want play around with your optimization settings without seeein the image I can't recommend the best setting but play around in your 2up/4up window.

Maybe you are looking for

  • Creative Cloud has an ObjC "leak" in latest Mac release

    The latest download of the Mac Creative Cloud app has a bug.  After receiving the latest CC (today) my system console continues to inform me of a "leak error" at the rate of abot four per minute.  For example: "10/6/14 5:18:09.479 PM com.adobe.AdobeC

  • The home button on my iPhone 5s is sunk in?

    i never noticed that the home button was sunk in until I used my friends iPhone 5s, I still have warranty on my phone, will Apple replace it?

  • Monitor didn't display, Switching to virtual console. Pls, Help me !

    I'm configuring Sunfire T2000 server, I have a problem with monitor display. I haven't seen what it displays likes normal. I saw a report error as below /pci@7c0/pci@0/pci@8/pci@0/TSI,mko@0 Doesn't support terminal emulation mode; switching to virtua

  • Preview pdf files in Safari before potentially save them

    In fact I have 2 questions: when I do a web search if I click on a link to a pdf file, 2 things can randomly happen :      1 The pdf opens in a safari window and I can directly read it (that's what I want)      2  The pdf file is directly downloaded

  • Appropriate Steps To change the weblogic password in Cluster ENV

    Hi Experts, We need to change the password for weblogic(10.3.3) as activity. It would be helpful , if you can provide us , what would be the best ways to change it and what sequence we should follow for changing the password and then Bouncing Two Phy