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 advanceUse 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?
ThanksKeynote > 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
MartinHi 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?
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 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
-
How to call this procedure in my report to print my procedure output
Hi, i have a table named letter,it contains 2 columns named as letter_id and letter_content. select * from letter; letter_id letter_content 103 Dear MFR 103 This is in regards to the attached DM List 103 Please Credit us after reviewing it. 103 Thank
-
How to disconnect Sky messages (IM) to my onedrive...
Hi, I'm running W7 64 Bit Latest IE 11 Latest Skype 6.22.0.107 ( Skype says that this is the latest. I'm running Finnish version) I'm using Purchased O365 Family vesion and doing lot of work with my Onedrive. In Onedrive I can see that Skype account
-
why is my facetime app not on my iphone?just bought the app should it transfer auto to my iphone during sync?
-
Converting KeyStroke to Strings
I'm using a custom config file that allows the user of my app to customize the accelerators keys used for menu items. I have the loading part down - just parsing strings into the getKeyStroke() method - but what would be the easiest way to go from Ke
-
How come my Iphone 4 keeps saying not enough storagespace to take any more pictures and can't get updates yet I keep deleting apps and photos off my phone and my itunes on my computer and yet I feel like I don't have many apps or that many photos?