How to make floating image with dim background

hi guys, i would like to know how to make a floating image and the background will dim? like for example when you click a thumbnail, the bigger version of that image will pop up on the same page and will have a dim background? can someone point me to a tutorial? any help would be appreciated, thanks in advance!

Hi,
If you look at the tutorials in fireworks such as changing images/rolover images you will start to get an understanding.
Cheers

Similar Messages

  • How to make slide images with Dreamweaver CS6?

    How to make slide images with Dreamweaver CS6? Please teach me.

    Hello
    in addition to Jon's hint, I'll send you some links to nice sliders (have fun with the different representations ):
    http://sandbox.scriptiny.com/javascript-slideshow/
    http://jquery.malsup.com/cycle/
    http://wowslider.com/best-jquery-slider-crystal-linear-demo.html
    http://www.jcoverflip.com/demo
    http://www.jacksasylum.eu/ContentFlow/
    http://addyosmani.com/blog/jqueryuicoverflow/
    You only need to use the source code to implant these shows there where you want. In my eyes it would be the best that you use first a very new and blank DW file to perform (maybe in LiveView) the one or the other.
    Hans-Günter

  • How to make mask image with free contour points

    I use CVI and VDM8.6, how can I create a mask image with free contour points like the sample image?
     This example is made with vision assistant,

    Hi,
    If you look at the tutorials in fireworks such as changing images/rolover images you will start to get an understanding.
    Cheers

  • How to make transparant images with more then 8 bit color?

    Hi,
    I know that one can use *.gif images in order to make a transparent image. But *.gif images have only 8 bit color depth. Is there a way to display for example *.bmp images and making one color transparent? Or by using a mask like in C++?
    thanx in advance

    Use the PNG format for your images. It supports a color depth of 24 bits/pixel as well as 8 bits/pixel and got an alpha layer so you can have transparent and semi-transparent areas in your image.
    You can load PNG images in Java as easily as you do with GIF and JPG images.

  • Framing image with transparent background png frame

    hi,
    i'm trying to find a way to frame images with transparent background png frames...
    what i'm doing now is
    1-drawing my image on a panel
    2-creating a 2nd image using the frame's filename, stretching this 'frame-image' to a size slighlty larger than that of my main image and drawing the 'frame-image'
    the problems with this method are:
    1-depending on the width of the frame, the frame sometimes hides parts of the image (thick frame), and sometimes there is a gap between the frame and the image (thin frame).
    2-if the image file containing the frame is larger than the frame (Ex: The image is 300x300, the frame is centered in this image and is 200x200; as opposed to the image is 200x200 and the frame takes up all the space), when i position the 'frame-image' near the top left corner of the image i want to frame, the frame appears at the wrong place (shifted down and to the right). This is due to the fact that i'm placing the top corner of the created 'frame-image' and not the frame, who is not in the top corner of my 'frame-image'.
    Is there a way to do what i'm trying to do???
    My ideas (which i don't know how to achieve are)
    1-To 'analyse' my transparent background png file and
         1-only keep the frame,
         2-calculate the frame's thickness
    OR
    2-Let java do the analyzing for me and tell it to frame my image with the frame in the png file
    please feel free to ask for more explanations if my description/question is confusing,
    thanks.

    Have you looked into the Border interface? If what you really want to do
    is put a custom border on a component, you may be able to do it this way.
    Anyway, here is some code that stacks and centres 2 images. It's not hard to do.
    import java.awt.*;
    import java.awt.image.*;
    import java.io.*;
    import java.net.*;
    import javax.imageio.*;
    import javax.swing.*;
    public class Example extends JComponent {
        private BufferedImage backgroundImage;
        private BufferedImage foregroundImage;
        public Example(BufferedImage backgroundImage, BufferedImage foregroundImage) {
            this.backgroundImage = backgroundImage;
            this.foregroundImage = foregroundImage;
        public Dimension getPreferredSize() {
            int w = backgroundImage.getWidth();
            int h = backgroundImage.getHeight();
            return new Dimension(w, h); //assuming this is bigger
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            int w = getWidth();
            int h = getHeight();
            //paint both, centred
            int x0 = (w-backgroundImage.getWidth())/2, y0 = (h-backgroundImage.getHeight())/2;
            g.drawImage(backgroundImage, x0, y0, null);
            int x1 = (w-foregroundImage.getWidth())/2, y1 = (h-foregroundImage.getHeight())/2;
            g.drawImage(foregroundImage, x1, y1, null);
        public static void main(String[] args) throws IOException {
            URL url1 = new URL("http://weblogs.java.net/jag/Image54-large.jpeg");
            URL url2 = new URL("http://weblogs.java.net/jag/DukeSaltimbanqueSmall.jpeg");
            JComponent comp = new Example(ImageIO.read(url1), ImageIO.read(url2));
            final JFrame f = new JFrame();
            f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            f.getContentPane().add(comp);
            f.pack();
            SwingUtilities.invokeLater(new Runnable(){
                public void run() {
                    f.setLocationRelativeTo(null);
                    f.setVisible(true);
    }

  • How to make keynote images full screen?

    Question:  how to make keynote images full screen?  I just noticed. after many successful full screen shows with Keynote 09  5.1.1 that I am no longer seeing the show full screen, at 1280, but only using the center part of my macbook pro 13 inch screen (which will mirror just like that on the projection screen, as far as I know).  Did I hit a setting I do not know about to keep the images so small?
      Thanks

    Keynote  >  Preferences  >  Slideshow:    Scale slides to fit display

  • Image with transparent background als foreground of a button

    I'd like to build an app with buttons using the phone's accent Color as Background and an Image with transparent Background as foreground of the button. It should look like the tiles on the start screen of WP8.1.
    The following code doesn't work (no foreground appears)
    <Button x:Name="myButton" Background="{ThemeResource PhoneAccentBrush}">
     <Button.Foreground>
         <ImageBrush ImageSource="/Assets/myImage.png"/>                    
     <Button.Foreground>
    </Button>
    Are there any ideas?
    Thanks
    Martin

    Hi mfv_technet,
    The Foreground property is used to get or set a brush that describes the foreground color. So we can not bind the Foreground to a image,
    if I do not misunderstand you, in my mind if we want to set the button look like the tiles on the start screen of WP8.1, maybe you can try to refer to the following xaml:
    <Button x:Name="myButton" Foreground="Red" Background="{ThemeResource PhoneAccentBrush}" Margin="116,136,0,363" Width="195" Height="141">
    <Button.Content>
    <StackPanel Orientation="Vertical">
    <Image Source="/Assets/myImage.png" Width="80" Height="80"></Image>
    <TextBlock Text="Button"></TextBlock>
    </StackPanel>
    </Button.Content>
    </Button>
    The result:
    If I have misunderstood you, please feel free to let me know.
    Best Regards,
    Amy Peng
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • How to make mirror image on officejet pro 8600

    how to make mirror image on officejet pro 8600

    Hi,
    You can not make mirror images with printers but you can print mirror images on printers. This is how to print mirror images on a normal printer:
    http://h10025.www1.hp.com/ewfrf/wc/document?cc=us&dlc=en&docname=bpu02032&lc=en&product=61561
    Regards.
    BH
    **Click the KUDOS thumb up on the left to say 'Thanks'**
    Make it easier for other people to find solutions by marking a Reply 'Accept as Solution' if it solves your problem.

  • Does Premeire Elements 11 make a slideshow with different background themes?

    Does Premeire Elements 11 make a slideshow with different background themes?

    Em Smither
    Do you actually have Premiere Elements 11 Windows at this time? And, have you used any prior version of the program? I ask so that I van gauge how deeply to go into different aspects of the program. So, please excuse if I generalize now on matters that you already are aware of.
    Premiere Elements is a video editor that will support the use of your own stills and video and music on its Timeline tracks to export to file or
    burn to disc.
    The Instant Movie can be broken apart once created. And,that Instant Movie feature is editable, leaving components that you want, adding others, and removing others, and you can include your own music in it.
    But if you prefer to start from the beginning you can import your photos and music and then add your own assets to the tracks..title templates, backgrounds, etc probably along the line of what one of those Instant Movies would be aimed at. But, I do not see a choice for selecting a particular theme for the slideshow other than that. However, there is an opportunity to select a theme for the disc menus if the export is a burn to disc or part of the webDVD feature.
    Did you have in mind, something like placing a theme based background on Video 1 and then on upper tracks directly above scaling your photos so that the background can be seen around them?
    Please let me know if I am still not targeting your question.
    Thanks.
    ATR

  • How to make text columns with adobe muse

    Hi,How to make text columns with adobe muse (like InDesign)?

    Multiple columns can be acheived with CSS - http://www.w3schools.com/css/css3_multiple_columns.asp
    div
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
    I'm surprised that Muse does not support text columns yet, but perhaps the custom CSS can be added in style tags on page properties. Haven't tried it, but don't see why it wouldn't work.

  • In iPhoto, how can I export images with the metadata - including the title and caption information - intact as part of the image?

    In iPhoto, how can I export images with the metadata — including the title and caption information — intact as part of the image?

    Check those boxes in the export dialogue - Exporting From iPhoto
    LN

  • Printing Images with Transparent Background

    Sorry if this question has already been asked, but I couldn't find anything similar to it in a search through the archives.
    I have a couple of images with transparent backgrounds in a document, much like the shells and the blue flowers in the "Classic Brochure" template in Pages 2.0.1. These images show up perfect on the screen, and when printed as .pdf files, but when I print to either an hp color laserjet 4600 or an hp laserjet 1320, the images show up with a clear box around them; the colors under the box (where it should be transparent) are faded and slightly blurred. This happens both with my document, and the unaltered "Classic Brochure" template. I've tried moving various objects backwards and forwards, but it doen't seem to have any effect. It even happens with one of the text boxes I have in the document.
    Another odd thing is that the printed "box" isn't the same size as the box that appears when you click on the object in the document. It's a bit bigger. I've seen other posts about problems with hp printers, but I'm not sure it's related. Any insight would be appreciated.
    MAF
    iMac Intel Core Duo   Mac OS X (10.4.7)  

    http://indesignsecrets.com/eliminating-ydb-yucky-discolored-box-syndrome.php
    Bob

  • How to make turning page with ibooks author?

    How to make turning page with ibooks author?

    This question has been answered on this thread
    https://discussions.apple.com/message/17981772#17981772#17981772
    Best regards.
    Alex

  • How to set a image as a background in a frame

    How to set a image as a background in a frame

    The following code works well in Notepad command prompt but it is not working on netbeans
    I want to set a background image in a frame(awt or swings ny will do) or a panel through netbeans
    1. import java.awt.*;
    2. import java.awt.event.*;
    3.
    4. public class ImageFrame extends Frame
    5. { 
    6. private ImageCanvas c;
    7. private Image i;
    8. ImageFrame( Image i )
    9. { 
    10. this.i = i;
    11. c = new ImageCanvas( i );
    12. add( c );
    13. }
    14.
    15. public static void main( String[] args )
    16. { 
    17. Toolkit tk = Toolkit.getDefaultToolkit();
    18.
    20. Image im = tk.getImage( "WashuChan.gif" );
    21. ImageFrame f = new ImageFrame( im );
    22. f.addWindowListener( new WindowAdapter()
    23. { 
    24. public void windowClosing( WindowEvent e )
    25. {  
    26. System.exit( 0 );
    27. }
    28. } );
    29. f.setSize( 300, 300 );
    30. f.show();
    31. }
    32.
    33. private class ImageCanvas extends Canvas
    34. { 
    35. Image i;
    36.
    37. public ImageCanvas( Image i )
    38. { 
    39. this.i = i;
    40. }
    41.
    42. public void paint( Graphics g )
    43. { 
    44. g.drawImage( i, 0, 0, this );
    45. }
    46.
    47. public Dimension getPreferredSize()
    48. { 
    49. int w = i.getWidth( this );
    50. int h = i.getHeight( this );
    51. return new Dimension( w, h );
    52. }
    53. }
    54. }

  • HELP!!!! I have spent hours trying to find out how to embed an image with a link or a Microsoft Word document with a hyperlink built within the document -- not as an attachment! Does ANYONE know the secret? Can it be done, or not! My PC clients do it.

    HELP!!!! I have spent hours trying to find out how to embed an image with a link, or embed a Microsoft Word document with a hyperlink built within the document -- not as an attachment into my email -- but where it shows as the email content when opened! Does ANYONE know the secret? Can it be done, or not? My PC clients do it all the time easily. Then I want to be able to send the embedded image/document (not as an attachment, but visable within the email when opened) to many email contacts at once, BUT the individuals receiveing them DO NOT SEE the other email contacts. Cannot seem to be able to find anything on being able to do these 2 tasks.PLEASE, SOMEONE, HELP!!!

    Don't know if this applies to Lion, but read here:
    http://www.makeuseof.com/tag/create-html-announcement-mail-iweb-mac/

Maybe you are looking for