Flash image as a background?
How do i get a flash image as a background in dreamweaver cs3.
do i need to change the file name to somthing else?
The parameter that needs to be set is "wmode"... and it needs to be set to "transparent". This can be set in the HTML section of the Publish Settings in Flash (window mode selection list), or edited in the html embedding code if that parameter is already present.
I would normally also recommend changing it to a jpeg or gif if it is not an animated piece except if it is using Flash drawn vector graphics... as a Flash drawn piece it will adapt cleanly to a resize where a jpeg or gif might lose clarity, and it could be a significantly smaller file than a jpeg/gif version. Personally I never tried using a Flash piece as a background, so I'd say try it first anyways just to see if it works well... trying things is the best way to learn.
Similar Messages
-
Hi there,
I am quite new at Dreamweaver and would like to know if and how it is possible to use an image as a background which fits all monitors. There are a few examples to be found on the internet where this is done.( www.wetransfer.com) Whenever you change the size of your browser window by dragging it, the image adjusts itself.
In other words I do not want borders on any side of the picture.
The main thing is that everybody who looks at the site should see the background-picture wihout any borders.
I have included a picture of a background with a lot of white surrounding it, as an example.
The white should not be there, but how?
The picture is a screen shot made from Browser Lab.
Hope you can help.
Thank you very much in advance.
Thijs.
This is how it should look like, no borders en resizable.That particular one is part of a full page Flash animation.
This page explains how to do it with CSS and JQuery, though old browsers won't be able to see it the same way.
http://css-tricks.com/perfect-full-page-background-image/ -
Flash Image Gallery load problem
This a familiar problem that has been put up here a thousand
times I'm sure but as yet I haven't been able to find a solution
for it. I've put together a simple image gallery using Flash and an
XML file. It works perfectly on my system but there are issues with
the images loading properly when I put them onto my site. I know
very little Flash, I've been using a pre-made gallery that I
downloaded but since it works on my computer I assume I should be
able to get it to work online too. The thumbnails for the file seem
to work fine and the information from the XML file is obviously
being accessed, however the main images are not loading. I've
included all the code below (Actionscript, XML and the Web coding),
if someone could help me before I put my fist through a wall that
would be great:
Actionscript
stop();
//specify the url where folder is located below (if
applicable)
toadd="";
t = 0;
l = 0;
theside = 1;
galxml = new XML();
galxml.load(toadd+"flash/fashion/easy-xml-gallery-2.xml");
galxml.ignoreWhite = true;
galxml.onLoad = function(success) {
if (success) {
maxnum = galxml.firstChild.childNodes.length;
for (n=0; n<maxnum; n++) {
specs = galxml.firstChild.childNodes[n];
//TEXT FOR SIDE NAV
duplicateMovieClip(side.thumbs.thumbsb, "thumbs"+n, n);
thumbclip = eval("side.thumbs.thumbs"+n);
thumbclip._x = n*100;
thumbclip.thetitle = specs.attributes.name;
thumbclip.theurl = specs.attributes.theurl;
thumbclip.thecaption = specs.attributes.caption;
thumbclip.thenum = n+1;
thumbclip._alpha = 100;
loadMovie(toadd+"/flash/fashion/images/"+(n+1)+"b.jpg",
thumbclip.thumbload.thumbload2);
play();
side.thumbs.thumbsb._visible = false;
mainperc.onEnterFrame = function() {
if (mainperc.perc<98) {
mainperc._alpha += 5;
mainperc.perc = Math.round(l/t*100);
mainperc.perctext = mainperc.perc+"%";
mainperc.ltext = "OF THUMBNAILS LOADED
("+Math.round(t/1024)+"kb)";
if (mainperc.perc>98) {
//mainperc._alpha -= 5;
if (mainperc._alpha<-50) {
delete mainperc.onEnterFrame;
XML
<gallery>
<pic1 name="ONE">
<pic2 name="TWO"/>
<pic3 name="THREE"/>
<pic4 name="FOUR"/>
<pic5 name="FIVE"/>
<pic6 name="SIX"/>
<pic7 name="SEVEN"/>
<pic8 name="EIGHT"/>
<pic9 name="NINE"/>
<pic10 name="TEN"/>
</gallery>
Webpage coding
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>shorty designs</title>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
body {
margin-left: 0px;
margin-top: 0px;
background-image: url(images/fashion_back.gif);
background-repeat: no-repeat;
a:hover {
color: #999999;
text-decoration: none;
.Sections {
color: #333333;
font-weight: bold;
#wrapper {
background-color: #FFFFFF;
padding: 10px;
width: 760px;
margin-right: auto;
margin-left: auto;
.section_reg {
color: #333333;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
padding-left: 10px;
.contact {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
color: #333333;
background-color: #FFFFFF;
width: 400px;
padding-left: 22px;
text-align: right;
.section_back {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: large;
color: #FFFFFF;
background-color: #000000;
width: 135px;
padding-left: 10px;
margin-top: 15px;
margin-bottom: 15px;
background-position: center center;
vertical-align: middle;
height: auto;
.style2 {color: #F0F0F0}
a:link {
text-decoration: none;
color: #333333;
a:visited {
text-decoration: none;
color: #333333;
a:active {
text-decoration: none;
-->
</style>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<p class="Sections"><img src="images/version5.jpg"
alt="shorty logo" width="166" height="85" /><span
class="contact">Contact by email:
[email protected]</span></p>
<p class="Sections">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','536','height','518','align','right','src','/flash/fashion/fashion','quality','high',' pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=Shockwa veFlash','movie','/flash/fashion/fashion'
); //end AC code
</script>
<noscript>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="536" height="518" align="right">
<param name="movie" value="/flash/fashion/fashion.swf"
/>
<param name="quality" value="high" />
<embed src="/flash/fashion/fashion.swf" width="536"
height="518" align="right" quality="high" pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash"></embed>
</object>
</noscript>
</p>
<p class="section_back">Fashion</p>
<p class="section_reg"><a
href="travel.html">Travel</a></p>
<p class="section_reg"><a
href="wedding.html">Wedding</a></p>
<p class="section_reg"><a
href="layout.html">Layout</a></p>
<p class="section_reg"><a
href="personal.html">Personal</a></p>
</div>
</body>
</html>Yep, these are the directions:
this is very easy to update. You only need to edit the simple
xml file and add images to the images folder.
step 1.
add as many images as you like at the size 536 x 403
step 2.
create thumbnails for the above images at size 100x75
step 3.
update the xml file with the name url and caption for each
image. (to take the url off just click through to the button on the
main picture and delete the script that says getURL(theurl)
step 4.
open flash file and change the 'toadd' variable to the folder
where the flash file and image folder is located on your site.
thats it done.
The frustrating thing now is that the files are finally being
found but the thumbnail function has decided to mess up. -
Flash image leak to new tab in FF
Hello,
I use Mandriva Linux 2011 x64 with Firefox 15.0 and latest 64bit flash plugin of version 11.2.202.238. Since flash plugin 11.2.202.233 I have problem with some web sites e.g. "www.shmu.sk" or "www.bsm.sk -> Forum medicum", that if I go to that web page it is displayed correctly but if I press CTRL+T, means to open new empty tab in FF I see one of the flash images from first tab. The same with Opera. Also if I navigate to some web page on this 2nd tab I still see flash from first one on the background. Last version of flash plugin without this bug for me was flash-plugin-11.1.102.63-release.x86_64.rpm. Does anybody observed this problem? Any solution?
Thanks.OverrideGPUValidation=1 didn't help. I use latest nvidia graphics card driver 304.43. I found web site http://lists.x.org/archives/xorg-announce/2012-September/002066.html where is written that there is some problem between Adobe and Nvidia regarding flash leak to other widndows and in fact I realized that flash is not leaked only to new tab of FF but also to other white windows. With flash plugin 11.1.102.63 there is no problem also with latest nvidia driver 304.43. So is it possible somehow to change setting in some cfg file which causes flash plugin 11.2.202.238 to behave like 11.1.102.63 regarding this image leaks?
-
Loading an image in the background and displaying it as it is loaded
Hi,
I'm writing an "image viewer" swing component, which should load an image in the background, and display it as it is loaded (for example each time a line of the image is loaded, display it)
Is there a way to do this using JAI or any other api ?
I guess i would need a way to check the loading progress from the EDT, get the loaded part of the image and display it. Am I right ? Is that possible ?
Thanks,
NicolasIn the video inspector set the Spatial Conform to "none". This will give tou the actual size of the image in the viewer. You can then use the transform controls to adjust the image to what you want to see.
-
How do I put an image in the background of a JDesktop?
I have made a program that has a JDesktop. Just need to know the coding to put an image in the background of the JDesktop. Any suggestion?
Add a JLabel that holds a picture to it. Make sure it's in the back layer.
-
How can I remove an image from its background and save it? (Photoshop cs6)
Hello,
I am very new to the photoshop world and am trying to remove an image from its background ( as a stand-alone) and save it. Is there a way to do this in Photoshop CS6? I have looked at tutorials but only found how to remove the image but not how to save the image as a stand alone with no background.
Any help would be appreciated
ErikaHi Erika,
Are you trying to save a portion of an image with a transparent background? It may help to post a screenshot of the image that you're working with as well as your layers panel.
I've included a few tips below that may help you with your situation. If you need additional help, please feel free to post again
Deleting a background and saving an image with a transparent background
1. Here I am working with an image of a santa hat that I've cut out from a white background. I have two layers, the cut-out santa hat and the original file. I'm going to delete the background layer so that I have just one layer - the cut-out santa hat:
2. You'll see that a checkerboard pattern has appeared behind the santa hat. This means that the background is transparent.
3. You can then go to File > Save As... and select PNG, Photoshop PSD, or TIFF from the Format dropdown menu. These file formats will save the cut-out portion of your image on its own, while preserving the transparent background. -
Why does my flash image viewer look different in firefox than in IE...
So I have created a horizontal spry bar that overlaps a flash image viewer slide show. When i load the page in IE everything works fine, but as soon as you open it in firefox it works improperly...you can hit refresh in firefox and sometimes it resizes the image I don't understand how that is possible....if you have any input it would be greatly appreciated! Thank you!
You need to be aware of the limitations of the various browsers and make sure you use web-safe fonts and colors.....
http://www.iwebformusicians.com/WebMusic/FontsandColors.html
Do a Command A on all your pages in iWeb to make sure that objects/text boxes are not touching or overlapping.
Firefox has problems with displaying drop shadows/frames etc.
To get help with specific issues you would need to tell us the URL of our site. -
Inserting Images in the Background of My Webdynpro Application
Hi Experts,
I need your Help. I am a novice to Webdynpro-ABAP and have a requirement to embed
Image in the background of my dynpro Application.Kindly suggest me the solution for the same .
Thanks In advance for your help.Hi,
Please read this [documentation|http://help.sap.com/saphelp_nw70/helpdata/en/46/89af7fbe4d429ee10000000a1553f7/frameset.htm]
grtz,
Koen
Edited by: Koen Labie on Mar 12, 2008 10:30 AM -
My js drop down is not showing up in safari with swishmax flash image
Hi. I'm not a mac user so I'm a little out of my element here, but I've designed a new home page for my work site and and all is ok except that my flash image (created in swishmax) is interferring with the drop down js nav. Basically (from what i hear from my users) the drop down apears and then disapears upon selection. I was having a similar issue with firefox yesterday and that is now fixed by adding the wmode tranparent function. Looks like that function is not supported by safari? Is this problem because I am using swishmax?
Please, if you can shed any light on the subject... I would be eternally gratefull!
this is the page in question: www.arc.com
Here is the code i'm using for my flash image:
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#v ersion=6,0,79,0"
id="home3"
width="800" height="280"
<div class="jive-quote">
<param name="wmode" value="transparent">
<param name="movie" value="/images/index/home3.swf">
<param name="bgcolor" value="#FFFFFF">
<param name="quality" value="high">
<param name="allowscriptaccess" value="samedomain">
<embed
wmode="transparent"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
name="home3"
width="800" height="280"
src="/images/index/home3.swf"
bgcolor="#FFFFFF"
quality="high"
swliveconnect="true"
allowscriptaccess="samedomain"
<div class="jive-quote">
</embed>
</object>
laptop Mac OS X (10.0.x)Hi
sorry to say that the problem is still there.....
works fine in Camino & Firefox.
The page fails W3C validation, & Safari can be picky about that sort of thing. A valid doctype would be my first suggestion.
iMac G5 rev B (OSX 10.4.7) 2GB 250GB -
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 -
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);
} -
I purchased the Flash Image Gallery Extension. Installed and
created several beautiful working galleries.
In my image gallery (link below) there are Category titles
176, 186, etc.. When you click the titles it changes the thumbnail
pictures, while the main image remains the same.
Question: I'd like to click on a Category Title and have the
Main Fullsize image change as well. This would help visually to see
that you have in fact changed to a new category. As it is now, it
is not evident that you've changed category. You have to go to the
tn images and click there.
Can you give me some direction on how accomplish this?
Perhaps a behavior - when category title is clicked on the main
image will appear for that category? Seems like a simple edit. Can
I do such an edit on a purchased gallery template file extension?
New to flash, quite familiar with DW CS3. Below is a link to
my gallery:
My
Gallery LinkHi
These can be linked together - it will need you to change the
destination of the 'Front Page' link (URL) to point to the
appropriate 'Gallery', in the XML you can identify sections by
using the same 'Gallery Id' from the link (URL) in the 'Front
Page'.
Does that make sense?, if you need more help then let me
know -
Dreamweaver/Flash Image/Link
Hi. Thanks in advance for any help. I design a small website
for the company I work for using Dreamweaver as the main program. I
have never placed a Flash image before and cannot figure out how to
place a link to another website on this image.
Here is what I have now:
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="392" height="72">
<param name="movie"
value="../images/NOLN_banner_v1.swf">
<param name="quality" value="high">
<embed src="../images/NOLN_banner_v1.swf" quality="high"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="392"
height="72"></embed>
</object>
I need to link this to another website other than my own. I
thought it would be like any other image in Dreamweaver. Help?
I guess I should mention the Flash image was provided by a
company wanted it linked to their site.> I need to link this to another website other than my
own. I thought it
> would
> be like any other image in Dreamweaver. Help?
It's completely unlike any other HTML element, since it's
EMBEDDED in the
page, not actually on the page.
You cannot add a link to a Flash element using HTML. You must
add this link
in the Flash Actionscript. To do that, you would have to have
Flash, and
the SWF file's parent FLA file....
Perhaps you could ask the provider to make the link for you?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"George Markle" <[email protected]> wrote in
message
news:[email protected]...
> Hi. Thanks in advance for any help. I design a small
website for the
> company I
> work for using Dreamweaver as the main program. I have
never placed a
> Flash
> image before and cannot figure out how to place a link
to another website
> on
> this image.
>
> Here is what I have now:
>
> <object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=6,0,29,0" width="392" height="72">
> <param name="movie"
value="../images/NOLN_banner_v1.swf">
> <param name="quality" value="high">
> <embed src="../images/NOLN_banner_v1.swf"
quality="high"
> pluginspage="
http://www.macromedia.com/go/getflashplayer"
> type="application/x-shockwave-flash" width="392"
height="72"></embed>
> </object>
>
> I need to link this to another website other than my
own. I thought it
> would
> be like any other image in Dreamweaver. Help?
>
> I guess I should mention the Flash image was provided by
a company wanted
> it
> linked to their site.
> -
Hello,
I am trying to make a image slideshow for my companies new website.
I used the Flash Image Viewer plugin from Dreamweaver, but it doesn't contain the transitional effect desired.
Every tutorial I find talks about advancing the images through an interactive control, I just want the images to change by themselves and do a fade transitional effect between images.
Can anyone please point me to a tutorial that has this w/o the intractive buttons? I have been looking on the internet for hours and can only find tutorials / example w/ the intractve controls.
Thank You for any positive direction in this.Hmm... no luck so far. Thank You though for your suggestion.
I am really "green" to flash and was only confused by the template provided by Flash.
All I need to do is have images fade in and out of each other and then repeat over and over.
I know this isn't too hard. I found a tutorial that showed how, but my Firefox decided to close and I lost the page and haven't been able to find it since. Tried the history log, but no luck.
I will keep searchin...I know it's out there.
Maybe you are looking for
-
Easiest way to transfer contacts from iphone 4 to ...
which the easy way to transfer contacts from iphone4 to 520. i have backup of iphone4 in windows outlook express.from here anyway to nokia 520? or any other easiest way?
-
I have just purchased the new iPad with the camera connection kit. I just want to be able insert my SD card into the Pad and view my photos, not import them.Can this be done and how? Please advise. Thank you.
-
<mx:Label htmlText="لانباسيبلا سي سيقفثقف يبلا يبسلسلثقف ثق ق فثقف ثق" fontSize="20"/> I placed the above label in my application. It is not rendering the same text as it is typed here. Why? Is there a straight way to render without using Text Layou
-
What Do I do now ? HELP !
Very disapointed that Apple didnt bring out a 80GB touchscreen Video IPOD at the MacWorld conference yesterday. I am in a bit of a dilemma now. Do I go out and buy the current 80GB IPOD or Wait until a possible touchscreen one ? (if released) My 30GB
-
Controlling alpha on embedded fonts
There's a site I'm working on http://www.droolpigs.com/April5/ I have the alpha on the navigation buttons set to 0.2 the text appears with full alpha as I want. I have a nice Old English font I want to use but when I embed the font it takes on the a