Inserting a Spry Accordion on top of a background image?
I created an 800 x 600 pixel graphic image in Adobe Photoshop CS4 to be used as an overall background image for a webpage. I also created a few navigation links from the image Layers using the Slice Select Tool, then optimized and saved the image as an html file using the Save for Web & Devices command in Photoshop. Next, I opened the html file in Dreamweaver CS4.
Is it possible to insert a Spry Accordion with a clear (transparent) background anywhere on top of that background image in Dreamweaver CS4 so that I can see the background image behind the text content of the Spry Accordion? I use Windows Vista.
Hi,
Yes, as is shown by the following code:
<!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>Untitled Document</title>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body style="background: url(images/detail/cd1.jpg) no-repeat center;"> //use your own location and file
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
</body>
</html>
Similar Messages
-
Problem placing buttons on top of a background image
My knowledge of Java isn't the greatest and I am currently having problems placing buttons on top of a background image within a JApplet (this is also my first encounter with Applets).
I'm using a Card Layout in order to display a series of different screens upon request.
The first card is used as a Splash Screen which is displayed for 5 seconds before changing to the Main Menu card.
When the Main Menu card is called the background image is not shown but the button is.
While the Applet is running no errors are shown in the console.
Full source code can be seen below;
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.net.*;
// First extend JApplet
public class WOT extends JApplet {
//--------------- Variables are declared here -----------------
private CardLayout contentCardLayout = new CardLayout(); // declare CardLayout
private Container contentContain; // declare content Container
private JPanel contentCard, splashScreen, mainMenu, menuImage; // declare content Panels
private JLabel splash, menu, map; // declare image labels
private ImageIcon mapBtn; // declare ImageIcons
private JButton mapOption; // declare option Buttons
private Timer timer; // declare Timer
private ActionListener actionListener, mapOptionListener; // declare ActionListener
//--------------- Initialise Applet -----------------
public void init() {
//--------------- Set-up Card Layout -----------------
contentCard = new JPanel(contentCardLayout); // assign card panels to CardLayout
//--------------- Splash Screen -----------------
splashScreen = new JPanel();
splash = new JLabel(new ImageIcon(getClass().getResource("img/bg.gif")));
splashScreen.add(splash);
splashScreen.setSize(600,800);
splashScreen.setLocation(0,0);
//--------------- "View Map" Option Button -----------------
mapBtn = new ImageIcon(getClass().getResource("img/map.gif"));
mapOption = new JButton(mapBtn);
mapOption.setBorder(null);
mapOption.setContentAreaFilled(false);
mapOption.setSize(150,66);
mapOption.setLocation(150,450);
mapOption.setOpaque(false);
mapOption.setVisible(true);
//--------------- Main Menu Screen -----------------
//menuImage = new JPanel(null);
//menuImage.add(mainMenu);
//menuImage.setLocation(0,0);
mainMenu = new JPanel(null);
menu = new JLabel(new ImageIcon(getClass().getResource("img/menu.gif")));
menu.setLocation(0,0);
mainMenu.add(menu);
//mainMenu.setBackground(Color.WHITE);
mainMenu.setLocation(0,0);
mainMenu.setOpaque(false);
//mainMenu.setSize(150,66);
mainMenu.add(mapOption);
//--------------- Map Image Screen -----------------
map = new JLabel(new ImageIcon(getClass().getResource("img/map.gif")));
//--------------- Add Cards to CardLayout Panel -----------------
contentCard.add(splashScreen, "Splash Screen");
contentCard.add(mainMenu, "Main Menu");
contentCard.add(map, "Map Image");
//--------------- Set-up container -----------------
contentContain = getContentPane(); // set container as content pane
contentContain.setBackground(Color.WHITE); // set container background colour
contentContain.setLocation(0,0);
contentContain.setSize(600,800);
contentContain.setLayout(new FlowLayout()); // set container layout
contentContain.add(contentCard); // cards added
//--------------- Timer Action Listener -----------------
actionListener = new ActionListener()
public void actionPerformed(ActionEvent actionEvent)
//--------------- Show Main Menu Card -----------------
contentCardLayout.show(contentCard, "Main Menu");
//--------------- Map Option Button Action Listener -----------------
mapOptionListener = new ActionListener()
public void actionPerformed(ActionEvent actionEvent)
//--------------- Show Main Menu Card -----------------
contentCardLayout.show(contentCard, "Map Image");
//--------------- Timer -----------------
timer = new Timer(5000, actionListener);
timer.start();
timer.setRepeats(false);
}Any help would be much appreciated!
Edited by: bex1984 on May 18, 2008 6:31 AM1) When posting here, please use fewer comments. The comments that you have don't help folks who know Java read and understand your program and in fact hinder this ability, which makes it less likely that someone will in fact read your code and help you -- something you definitely don't want to have happen! Instead, strive to make your variable and method names as logical and self-commenting as possible, and use comments judiciously and a bit more sparingly.
2) Try to use more methods and even classes to "divide and conquer".
3) To create a panel with a background image that can hold buttons and such, you should create an object that overrides JPanel and has a paintComponent override method within it that draws your image using the graphics object's drawImage(...) method
For instance:
an image jpanel:
import java.awt.Dimension;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.net.URISyntaxException;
import java.net.URL;
import javax.imageio.ImageIO;
import javax.swing.JButton;
import javax.swing.JPanel;
public class BackgroundImage
// **** this will have to be changed for your program:
private static final String IMAGE_PATH = "../../m02/a/images/Forest.jpg";
private BufferedImage myImage = null;
private JPanel imagePanel = new JPanel()
@Override
protected void paintComponent(Graphics g)
{ // *** here is where I draw my image
super.paintComponent(g); // **** don't forget this!
if (myImage != null)
g.drawImage(myImage, 0, 0, this);
public BackgroundImage()
imagePanel.setPreferredSize(new Dimension(600, 450));
imagePanel.add(new JButton("Foobars Rule!"));
try
myImage = createImage(IMAGE_PATH);
catch (IOException e)
e.printStackTrace();
catch (URISyntaxException e)
e.printStackTrace();
private BufferedImage createImage(String path) throws IOException,
URISyntaxException
URL imageURL = getClass().getResource(path);
if (imageURL != null)
return ImageIO.read(new File(imageURL.toURI()));
else
return null;
public JPanel getImagePanel()
return imagePanel;
}and an applet that uses it:
import java.lang.reflect.InvocationTargetException;
import javax.swing.JApplet;
import javax.swing.SwingUtilities;
public class BackgrndImageApplet extends JApplet
@Override
public void init()
try
SwingUtilities.invokeAndWait(new Runnable()
@Override
public void run()
getContentPane().add(new BackgroundImage().getImagePanel());
catch (InterruptedException e)
e.printStackTrace();
catch (InvocationTargetException e)
e.printStackTrace();
} -
How can I put a vertical menu ON TOP OF the background image?
I've taken a screenshot to describe my problem.
http://i48.tinypic.com/10ndeg4.jpg
I want to put the menu on top of the background image. Compare it to placing another image on top of the background image. HOW on earth can I do this?Did you try putting the image in a <div> and setting the background image for the <div> with CSS. Then within the <div> place your menu.
Just a thought.
LJD -
Semi-transparent foreground image on top of opaque background image
The client has sent me this image (a low-res .jpg file) to place on top of a green gradient background (also provided, as a multi-layered .psd file). I'm to silhouette the image and place it on top of the green background at the appropriate size (easy) while maintaining the transparency of the grid and the reflection so that the green shows through (difficult ... as in I don't know how and haven't been able to Google up the answer). The end result will be used on the client's Website.
I considered telling him it couldn't be done (not sure if that's true) or would be cost prohibitive (I would need to be able explain why it would take me longer to do than he thinks it should take). The third (and most desirable) alternative is that this is easier to do than I realize and I just need to be pointed to the proper instructions.
Any advice?
Thanks,
AndreaPut the gradient in photoshop and also convert the jpg to .psd in same colour profile as gradient, then place graphic into gradient as a layer on top. Set graphic to 'multiply'. That is technically the way to do it.
This will not look good, so you will want to isolate the blue bars of the graph and the arrow using 'select colour range' (and maybe some manual selection) then do 'command-j' to create another layer containing only those items and leave that as 'normal' (ie don't multiply that one) and it should look fine.
There is no way to silhouette the fading part into the gradient, it must overlay. Lifting the bars out is cheating a bit but will give nice appearance.
Should only take a few mins, make sure your gradient has some noise in it if you have any problems, I would be happy to do it for you if you want to send files to my email in profile.... -
My background photos in the Family Album theme do not bleed when I put another photo on top of them. Does anyone know how to fix this in iphoto 9?
Can you post a screenshot of what you're seeing on that page? In the meantime try this basic fix: make a temporary, backup copy (if you don't already have a backup copy) of the library and try the following:
1 - delete the iPhoto preference file, com.apple.iPhoto.plist, that resides in your
User/Home()/Library/ Preferences folder.
2 - delete iPhoto's cache file, Cache.db, that is located in your
User/Home()/Library/Caches/com.apple.iPhoto folder.
Click to view full size
3 - launch iPhoto and try again.
NOTE: If you're moved your library from its default location in your Home/Pictures folder you will have to point iPhoto to its new location when you next open iPhoto by holding down the Option key when launching iPhoto. You'll also have to reset the iPhoto's various preferences.
Happy Holidays -
Is it possible to draw a mesh on top of a background image in flash ?
Problem i am trying to draw my 3d mesh on top of any image or an object in flash but my model is drawing under the image all the time i don't know how to sort this problem since i am bit new to flash development .
Please help me with this thank you.Sorry about this messy code its because of this copy pasting stuff but if you could press ctrl + f and type Init mesh and Init Functions thats where everything is happening and this 3d mesh will be loaded
using a preloader function in a separate file thats why i add a event with Added_to_stage to the listener Problem is once i Draw this mesh with their morph target on to the screen i couldn't able to draw anything
in the background of this object everything comes on top of this 3d mesh .
once again sorry for this mess anyway its still in the unit test phase .
package
// All the import stuff hided by me ...
[Event(name="FLACEventEncodingComplete", type="FLACEvent")]
[Event(name="FLACEventDecodingComplete", type="FLACEvent")]
[Event(name = "progress", type = "flash.events.ProgressEvent")]
public class ChatBotMain extends Sprite
//Embedded assets
Variable which loads all the textures are hided ....
//engine variables
private var scene:Scene3D=new Scene3D();
private var camera:Camera3D = new Camera3D();
private var view:View3D = new View3D();
private var cameraController:HoverController;
private var dlight : DirectionalLight;
//material objects
Hided
//scene objects
Hided
//navigation variables
Hided
// morph targets
// hided ......
//Chatbot code
Hided
//Flac encoding variables
Hided
//button bitmaps
Hided
public function ChatBotMain():void
var stage1:Stage = Stageobject;
//trace("stage",stage1.stage);
this.addEventListener(Event.ADDED_TO_STAGE,init);
* Global initialise function
private function init(e:Event= null):void
this.removeEventListener(Event.ADDED_TO_STAGE,init);
microphone = Microphone.getMicrophone();
microphoneBuffer.length = 0;
microphone.rate = 16;
flacCodec = (new cmodule.flac.CLibInit).init();
initListeners();
initEngine();
initLights();
initMaterials();
initObjects();
fileCount = 8;
initChatBot();
bootscreenBitmap.x = (width / 2) - (bootscreenBitmap.width / 2);
bootscreenBitmap.y = (height / 2) - (bootscreenBitmap.height / 2);
//addChild(bootscreenBitmap);
headMeshGeometry = new CustomPrimative("C:/Users/Rakesh/Documents/flashport/Chatbot/embeds/head3.mesh.xml",onloaded,true);
headMeshGeometry_blink = new CustomPrimative("C:/Users/Rakesh/Documents/flashport/Chatbot/embeds/head3_blink.mesh.xml", onloaded, true);
headMeshGeometry_mouthopen = new CustomPrimative("C:/Users/Rakesh/Documents/flashport/Chatbot/embeds/head3_mouthopen.mesh.xml", onloaded, true);
headMeshGeometry_smile = new CustomPrimative("C:/Users/Rakesh/Documents/flashport/Chatbot/embeds/head3_smile.mesh.xml",onloaded,true);
eyelMeshGeometry = new CustomPrimative("C:/Users/Rakesh/Documents/flashport/Chatbot/embeds/eyeball2_l.mesh.xml",onloaded,true);
eyerMeshGeometry = new CustomPrimative("C:/Users/Rakesh/Documents/flashport/Chatbot/embeds/eyeball2_r.mesh.xml",onloaded,true);
hairMeshGeometry = new CustomPrimative("C:/Users/Rakesh/Documents/flashport/Chatbot/embeds/hair3.mesh.xml", onloaded, true);
shirtMeshGeometry = new CustomPrimative("C:/Users/Rakesh/Documents/flashport/Chatbot/embeds/shirt.mesh.xml",onloaded,true);
//We can use the playerObject class to "analyse" the audio data as it is being played
//Currently not needed due to just moving the mouth in random patterns as the speech plays
playerObject.outputSnd = new Sound();
playerObject.outputSnd.addEventListener(SampleDataEvent.SAMPLE_DATA, processSound);
private static const FLOAT_MAX_VALUE:Number = 1.0;
private static const SHORT_MAX_VALUE:int = 0x7fff;
* Converts an (raw) audio stream from 32-bit (signed, floating point)
* to 16-bit (signed integer).
* @param source The audio stream to convert.
public function convert32to16(source:ByteArray):ByteArray
* Called when encoding has finished.
private function encodingCompleteHandler(event:*):void {
function ioErrorHandler(e:Event):void {
trace("error");
thinking = false;
microphoneButton.upState = upButton;
microphoneButton.overState = downButton;
microphoneButton.downState = downButton;
function loaderCompleteHandler(e:Event):void {
var loader:URLLoader = URLLoader(e.target);
var str:String = loader.data;
trace(str);
if (str.length > 0)
_mytext.text = str;
sendText();
thinking = false;
microphoneButton.upState = upButton;
microphoneButton.overState = downButton;
microphoneButton.downState = downButton;
//var responseVars = URLVariables( e.target.data );
//trace( "responseVars: " + responseVars );
* Called when the encoding task notifies progress.
private function encodingProgressHandler(progress:int):void {
trace("FLACCodec.encodingProgressHandler(event):", progress);
dispatchEvent( new ProgressEvent(ProgressEvent.PROGRESS, false, false, progress, 100));
private function getElapsedTime():int {
var now:int = getTimer();
return now - initTime;
private function start() : void {
initTime = getTimer();
public function encode(data:ByteArray):void
private function onSampleData(event:SampleDataEvent):void
private function onloaded(event:CustomPrimativeEvent):void
fileCount--;
trace("loaded geometry " + event.asset.url);
function processSound(event:SampleDataEvent):void
private function drawButton():void
private function buttonPressed(e:Event):void {
if (!thinking)
if (recording)
StopRecording();
else
//start recording
recording = true;
hided
private function StopRecording(): void
//stop recording
recording = false;
microphone.removeEventListener(SampleDataEvent.SAMPLE_DATA, onSampleData);
encode(microphoneBuffer);
private function initChatBot()
function keyHandler(e:KeyboardEvent)
if(e.charCode == 13)
sendText()
private function onOpen(e:Event)
debugOutput2.text = "Connection opened";
private function onStatusChange(e:HTTPStatusEvent)
debugOutput2.text = "Status Changed to "+e.status;
private function onMessageFailIO(e:Event)
debugOutput2.text = "IO ERROR: Could not send your request. Please try again later.";
private function onMessageFailSecurity(e:Event){
debugOutput2.text = "Security ERROR: Could not send your request. Please try again later.";
private function sendText()
if(_mytext.text != "")
chatHistoryText.text = chatHistory("You : " + _mytext.text);
var variables:URLVariables = new URLVariables();
var request:URLRequest = new URLRequest(urlToSend);
variables.sessionid = _sessionid
variables.chattext = _mytext.text;
chatLoader.dataFormat = URLLoaderDataFormat.VARIABLES;
request.data = variables;
request.method = URLRequestMethod.POST;
chatLoader.addEventListener(Event.COMPLETE, getAudio);
chatLoader.addEventListener(Event.OPEN,onOpen);
chatLoader.addEventListener(HTTPStatusEvent.HTTP_STATUS,onStatusChange);
chatLoader.addEventListener(IOErrorEvent.IO_ERROR,onMessageFailIO);
chatLoader.addEventListener(SecurityErrorEvent.SECURITY_ERROR,onMessageFailSecurity);
chatLoader.load(request);
_mytext.text = "";
function chatHistory(newText):String
chatTextArr[0] = chatTextArr[1];
chatTextArr[1] = chatTextArr[2];
chatTextArr[2] = chatTextArr[3];
chatTextArr[3] = chatTextArr[4];
chatTextArr[4] = chatTextArr[5];
chatTextArr[5] = newText;
var chatHistory = chatTextArr[0] != ""?chatTextArr[0]+"\n":"";
chatHistory += chatTextArr[1] != ""?chatTextArr[1]+"\n":"";
chatHistory += chatTextArr[2] != ""?chatTextArr[2]+"\n":"";
chatHistory += chatTextArr[3] != ""?chatTextArr[3]+"\n":"";
chatHistory += chatTextArr[4] != ""?chatTextArr[4]+"\n":"";
chatHistory += chatTextArr[5] != ""?chatTextArr[5]+"\n":"";
return chatHistory;
function randomNumber()
var rand = Math.random() * 1000000;
return Math.round(rand);
function getAudio(e:Event)
var loader:URLLoader = URLLoader(e.target);
//traceTxt.text = loader.data.soundFile;
debugOutput.text = loader.data;
var getStr:String = loader.data.soundFile;
var arr:Array = getStr.split("^_^");
loadAudio(arr[0], arr[1]);
function loadAudio(audioFile, textChat)
function completeHandler(event:Event):void
trace("completeHandler")
* Initialise the engine
private function initEngine():void
trace("intEngine");
//view.graphics.clear();
view.antiAlias = 4;
view.backgroundColor = backgroundColour;
view.scene = scene;
view.camera = camera;
//setup controller to be used on the camera
cameraController = new HoverController(camera, null, 25, 10, 70);
cameraController.panAngle = 90;
cameraController.tiltAngle = 2.5;
lastPanAngle = cameraController.panAngle;
lastTiltAngle = cameraController.tiltAngle;
view.addSourceURL("srcview/index.html");
addChild(view);
//Uncomment this to show some stats
var stats:AwayStats = new AwayStats(view);
stats.y = 100;
//addChild(stats);
* Initialise the lights in a scene
private function initLights():void
//Add a point light
// hided
scene.addChild(light);
* Initialise the materials
private function initMaterials():void
* Initialise the scene objects
private function initObjects():void
//default available parsers to all
Parsers.enableAllBundled();
AssetLibrary.addEventListener(AssetEvent.ASSET_COMPLETE, onAssetComplete);
var grid:WireframeGrid = new WireframeGrid(14, 140);
//view.scene.addChild(grid);
private function InitMesh()
var headMaterial:TextureMaterial = new TextureMaterial(new BitmapTexture(new headTexture().bitmapData));
var eyeMaterial:TextureMaterial = new TextureMaterial(new BitmapTexture(new eyeTexture().bitmapData));
var shirtMaterial:TextureMaterial = new TextureMaterial(new BitmapTexture(new shirtTexture().bitmapData));
var hairalphaMaterial:TextureMaterial = new TextureMaterial(new BitmapTexture(new hairalphaTexture().bitmapData))
//Not using specular maps at this stage
//headMaterial.specularMap = new BitmapTexture(new headSpecularTexture().bitmapData);
headMaterial.repeat = true;
headMaterial.bothSides = true;
headMaterial.alphaThreshold = 0.5;
headMaterial.gloss = 100;
headMaterial.specular = 3;
headMaterial.ambientColor = 0x808080;
headMaterial.ambient = 1;
//create subscattering diffuse method
subsurfaceMethod = new SubsurfaceScatteringDiffuseMethod(2048, 2);
subsurfaceMethod.scatterColor = 0xff7733;
subsurfaceMethod.scattering = .05;
subsurfaceMethod.translucency = 4;
eyeMaterial.repeat = true;
eyeMaterial.bothSides = true;
eyeMaterial.lightPicker = lightPicker;
hairalphaMaterial.lightPicker = lightPicker;
hairalphaMaterial.gloss = 100;
hairalphaMaterial.specular = 3;
hairalphaMaterial.ambientColor = 0x808080;
hairalphaMaterial.ambient = 1;
newmesh = new Mesh(headMeshGeometry, headMaterial);
hairmesh = new Mesh(hairMeshGeometry, headMaterial);
eyelmesh = new Mesh(eyelMeshGeometry, eyeMaterial);
eyermesh = new Mesh(eyerMeshGeometry, eyeMaterial);
shirtmesh = new Mesh(shirtMeshGeometry, shirtMaterial);
//newmesh.castsShadows = true;
newmesh.subMeshes[0].material = headMaterial;
hairmesh.subMeshes[0].material = hairalphaMaterial;
eyelmesh.subMeshes[0].material = eyeMaterial;
eyermesh.subMeshes[0].material = eyeMaterial;
view.scene.addChild(newmesh);
view.scene.addChild(hairmesh);
view.scene.addChild(eyelmesh);
view.scene.addChild(eyermesh);
view.scene.addChild(shirtmesh);
eyelmesh.rotationY = 90;
eyermesh.rotationY = 90;
newmesh.rotationY = 90;
hairmesh.rotationY = 90;
eyelmesh.rotationZ = 90;
eyermesh.rotationZ = 90;
newmesh.rotationZ = 90;
hairmesh.rotationZ = 90;
//hairmesh.y += 1.8;
hairmesh.y = 7.9;
hairmesh.x = -6.0;
eyermesh.y += 8;
eyermesh.z += 4.6;
eyermesh.x += 10.1;
eyelmesh.y += 8;
eyelmesh.z -= 4.6;
eyelmesh.x += 10.1;
shirtmesh.rotationX = -90;
shirtmesh.y = -12.0;
shirtmesh.x = -3.0;
var meshOffset:int = 4;
newmesh.y += meshOffset;
hairmesh.y += meshOffset;
eyermesh.y += meshOffset;
eyelmesh.y += meshOffset;
morpher = new Morpher(newmesh);
morphTarget_mouthopen = new MorphTarget(headMeshGeometry_mouthopen, headMeshGeometry);
morphTarget_smile = new MorphTarget(headMeshGeometry_smile, headMeshGeometry);
morphTarget_blink = new MorphTarget(headMeshGeometry_blink, headMeshGeometry);
var backplane:PlaneGeometry = new PlaneGeometry(512, 256);
var carehomeMaterial:TextureMaterial = new TextureMaterial(new BitmapTexture(new carehomeClass().bitmapData));
var backplaneMesh:Mesh = new Mesh(backplane, carehomeMaterial);
backplaneMesh.rotationX = -90;
backplaneMesh.rotationY = -90;
/*view.scene.addChild(backplaneMesh);
backplaneMesh.x = -90;*/
var sphereGeometry:SphereGeometry = new SphereGeometry(4);
var sphereMaterial:ColorMaterial = new ColorMaterial( 0xffffff );
lightmesh = new Mesh(sphereGeometry, sphereMaterial);
view.scene.addChild(lightmesh);
* Initialise the listeners
private function initListeners():void
addEventListener(Event.ENTER_FRAME, onEnterFrame);
//stage.addEventListener(MouseEvent.MOUSE_DOWN, onMouseDown);
//stage.addEventListener(MouseEvent.MOUSE_UP, onMouseUp);
stage.addEventListener(Event.RESIZE, onResize);
onResize();
* Navigation and render loop
private function onEnterFrame(event:Event):void
this.removeEventListener(Event.ENTER_FRAME, onEnterFrame);
if (recording)
if ((getTimer() - recordingTime) > 4 * 1000)
StopRecording();
if (newmesh == null)
if (headMeshGeometry != null && hairMeshGeometry != null && eyelMeshGeometry != null && eyelMeshGeometry != null )
if (fileCount == 0)
InitMesh();
cameraController.panAngle = 90;
cameraController.tiltAngle = 2.5;
if (newmesh != null)
if (bootscreenBitmap.alpha > 0)
bootscreenBitmap.alpha -= 0.015;
else
bootscreenBitmap.alpha = 0;
logo.alpha = 1 - bootscreenBitmap.alpha;
sagalogo.alpha = 1 - bootscreenBitmap.alpha;
chatHistoryText.alpha = 1 - bootscreenBitmap.alpha;
_mytext.alpha = 1 - bootscreenBitmap.alpha;
microphoneButton.alpha = 1 - bootscreenBitmap.alpha;
if (lastblink == 0)
if (blinkdirection)
blinkAmount += 0.25;
if (blinkAmount > 1)
blinkAmount = 1;
blinkdirection = !blinkdirection;
else
blinkAmount -= 0.25;
if (blinkAmount < 0)
blinkAmount = 0;
blinkdirection = !blinkdirection;
lastblink = 100;
else
lastblink--;
if (animdirection)
animAmount += 0.20;
if (animAmount > maxAnimAmount)
animAmount = maxAnimAmount;
animdirection = !animdirection;
else
animAmount -= 0.20;
if (animAmount < 0)
animAmount = 0;
animdirection = !animdirection;
var r:int = (Math.random() * 6);
currentMorph = morphTarget_mouthopen;
if (speechPlaying)
currentScale = animAmount;
else
currentScale = 0;
//Apply the morph targets, first apply the base, then apply the blink and the mouth shape
morpher.ApplyBaseToMesh(newmesh);
if (lastblink == 0)
morpher.ApplyMorphTarget(newmesh, morphTarget_blink, blinkAmount);
if (currentMorph != null)
morpher.ApplyMorphTarget(newmesh, currentMorph,currentScale);
light.x = Math.sin(-180/*getTimer()/1000*/)*30;
light.y = 15;
light.z = Math.cos(-180/*getTimer()/1000*/)*30;
if (lightmesh != null)
lightmesh.position = light.position;
view.render();
* Listener function for asset complete event on loader
private function onAssetComplete(event:AssetEvent):void
if (event.asset.assetType == AssetType.MESH)
* Mouse down listener for navigation
private function onMouseDown(event:MouseEvent):void
lastPanAngle = cameraController.panAngle;
lastTiltAngle = cameraController.tiltAngle;
lastMouseX = stage.mouseX;
lastMouseY = stage.mouseY;
move = true;
stage.addEventListener(Event.MOUSE_LEAVE, onStageMouseLeave);
* Mouse up listener for navigation
private function onMouseUp(event:MouseEvent):void
move = false;
stage.removeEventListener(Event.MOUSE_LEAVE, onStageMouseLeave);
* Mouse stage leave listener for navigation
private function onStageMouseLeave(event:Event):void
move = false;
stage.removeEventListener(Event.MOUSE_LEAVE, onStageMouseLeave);
* stage listener for resize events
private function onResize(event:Event = null):void
view.width = stage.stageWidth;
view.height = stage.stageHeight; -
Placing controls on top of a background image
Hello folks:
Need a bit of help please. Need to be able to display a .gif image (800x600)as a background, with controls such as Labels and textboxes on top of the image. Is there away to do this with the various panes in Swing, and if so how, or is there a better way. If y'all have a bit of sample code to share it sure would be appreciated.
Thanks for the help and advise in advance - BartHere are two ways to do it:
import java.awt.event.*;
import javax.swing.*;
import java.awt.*;
public class TestBackground extends JFrame
ImageIcon img;
public TestBackground()
img = new ImageIcon("????.jpg");
JPanel panel = new JPanel()
public void paintComponent(Graphics g)
g.drawImage(img.getImage(), 0, 0, null);
super.paintComponent(g);
panel.setOpaque(false);
panel.add( new JButton( "Hello" ) );
setContentPane( panel );
public static void main(String [] args)
TestBackground frame = new TestBackground();
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(300, 300);
frame.setVisible(true);
import java.awt.event.*;
import javax.swing.*;
import java.awt.*;
public class TestBackgroundLayered extends JFrame
public TestBackgroundLayered()
ImageIcon image = new ImageIcon("????.jpg");
System.out.println(image.getImageLoadStatus());
System.out.println(image.getIconHeight());
JLabel background = new JLabel(image);
background.setBounds(0, 0, image.getIconWidth(), image.getIconHeight());
getLayeredPane().add(background, new Integer(Integer.MIN_VALUE));
JPanel panel = new JPanel();
panel.setOpaque(false);
panel.add( new JButton( "Hello" ) );
setContentPane( panel );
public static void main(String [] args)
TestBackgroundLayered frame = new TestBackgroundLayered();
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(300, 300);
frame.setVisible(true);
} -
I have inserted a Spry Accordion in Dreamweaver CS5, however, I'm having issues with the viewing of the tabs on load, on hover, etc. I want a dark blue tab on load, have it change to a wavy red white tab, and when opened go to a dark blue tab with a star. I can never get this to work as I want. I've checked the image files and they are labeled correctly. The test site is www.sbcvote.us/index_spry.html
I am a novice, and really have a hard time on this issue, that no doubt is not that complicated to those that know.
Thank you in advance for your help.
On my index page I have the css page reference.
<link href="/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
the css code is:
.AccordionPanelTab {
border-top: solid 1px black;
border-bottom: solid 1px gray;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
font:Verdana, Geneva, sans-serif;
color:#FFF;
font-weight:bold;
background:(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: 200px;
background-color:#EEE;
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
background:url(/images/accordion/accordion_tabs_redwhite.jpg) no-repeat;
.AccordionPanelOpen .AccordionPanelTabHover {
background: url(/images/accordion/accordion_tabs_redwhite.jpg) no-repeat;
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background:url(/images/accordion/accordion_tabs_bluestar.jpg) no-repeat;
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
background-color: #EEE;Thank you so very much, I appreciate the quick response. However, I still have one small issue. For some unknown reason the bluestar tab does not show the star. It shows the tab, but no star. I've got it labeled correctly and it's pointing to the correct files, but I get the blue by itself. I know it must be a very simple solution and I must be doing something incorrect.
the files are under:
images/accordion/accordion_tabs_bluestar.jpg, and accordion_tabs_redwhite.jpg. The redwhite shows up. This is driving me nuts! I even went back and re-did the image file and saved it again, but all I get is the blue without the star. Can it be that the image is too big and cutting off the star that is to the right of it?
Thank you so much, I do greatly appreciate your kind help.
the other one is
The code was copied and pasted exactly as was suggested. There is no other blue tab file on the server, so I am confused just a bit.
Thanks again for helping an newbie, I appreciate it. -
Strange behavior of Spry Accordion in IE
Hi there,
I am using DW CS3 and I inserted a spry Accordion in the html
page. I added about 15 or so panels to the accordion. It works fine
in Firefox but in IE 6 when I click on a panel that is some where
in the middle or at the bottom of the page, the page moves up where
the first panel is located in the page as if I clicked on first
panel.
Any idea what is going on?
Thanks
JoeI am having exactly this same problem. I've made up an
example at
www.24031951.com/AccordionTest.html.
It uses Spry 1.6.1, // SpryAccordion.js - version 0.15 - Spry
Pre-Release 1.6.1 and doesn't use "tabindex"
There is also a live site using the Spry Accordion at
www.SETZERiZER.eu/en/health.php
where the same problem exists.
Any suggestions?
with regards,
Dr. Rusty -
Firefox Spry Accordion widget
Hello, I am trying to use Spry Accordion widget. When I click one of the other panels they all turn a strange neon blue color. Anyone know of any fixes?
The below is the index page and below that is SpryAccordion.css
index
<!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>Conferences</title>
<script src="SpryCollapsiblePanel.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" />
<link href="css.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<link href="../SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outside">
<div id="outsideone">
<div id="CollapsiblePanel1" class="CollapsiblePanel">
<div class="CollapsiblePanelTab" tabindex="0">Tab</div>
<div class="CollapsiblePanelContent">
<p>Content ssss</p>
<p>lkajsdfl</p>
</div>
</div>
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
</script>
<!-- This is commented out -->
<div id="photo"></div>
<div id="contentholder">
<div id="contentsone"> <div id="moreone">
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
</div> <div id="insidecontentsone"></div></div>
<div id="lineone"> </div>
<div id="contentstwo"> <div id="moretwo">
<div id="Accordion2" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
</div>
<div id="insidecontentstwo"></div></div>
<div id="linetwo"> </div>
<div id="contentsthree"> <div id="morethree">
<div id="Accordion3" class="Accordion" tabindex="0">
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 1</div>
<div class="AccordionPanelContent">Content 1</div>
</div>
<div class="AccordionPanel">
<div class="AccordionPanelTab">Label 2</div>
<div class="AccordionPanelContent">Content 2</div>
</div>
</div>
</div><div id="insidecontentsthree"></div></div>
</div>
</div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1", { defaultPanel: 1 });
var Accordion2 = new Spry.Widget.Accordion("Accordion2", { defaultPanel: 1 });
var Accordion3 = new Spry.Widget.Accordion("Accordion3", { defaultPanel: 1 });
</script>
</body>
</html>
SpryAccordion.css
@charset "UTF-8";
/* SpryAccordion.css - version 0.5 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
.Accordion {
overflow: hidden;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-right-color: none;
border-bottom-color: none;
border-left-color: none;
background-image: url(white.png);
background-color: none;
border-top-style: none;
/* This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
.AccordionPanel {
margin: 0px;
padding: 0px;
background-image: url(white.png);
/* This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
.AccordionPanelTab {
background-color: #CCCCCC;
border-top: solid 1px black;
border-bottom: solid 0px gray;
margin: 0px;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
background-image: url(white.png);
/* This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0px;
height: 200px;
background-image: url(white.png);
/* This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
.AccordionPanelOpen .AccordionPanelTab {
background-color: #none;
background-image: url(white.png);
/* This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
.AccordionPanelTabHover {
color: #555555;
background-image: url(white.png);
.AccordionPanelOpen .AccordionPanelTabHover {
color: none;
background-image: url(white.png);
/* This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
.AccordionFocused .AccordionPanelTab {
background-color: none;
background-image: url(white.png);
/* This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: none;
height: 15px;
background-image: url(white.png);
/* Rules for Printing */
@media print {
.Accordion {
overflow: visible !important;
background-image: url(white.png);
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
background-image: url(white.png);Welcome to the Forum!
If you can upload your page to a server and give us a link, we will be able to look at your page in action. Just seeing the code is not enough.
Is this the first time you have used an Accordion? It is probable that the bright neon blue you are seeing is the default style, which you can change in the CSS file. I believe it was designed that color to highlight the feature you want to change .
Take a look in the Accordion's CSS file (it will show as an associated file at the top of your document window) for color rules, and adjust them to suit your palette (and your palate!). Check out the CSS Styles Panel (use Current mode) for a handy way to know what you are looking at. Click on the Accordion in Design View and the rules will be highlighted in the CSS Styles Panel. (Click the right-hand stair-step icon to see the style cascade.)
Beth -
Curious about the Spry Accordion widget?
Adobe is looking for participants for a brief (~1 hour) work observation and interview. Participants must meet the following criteria:
Dreamweaver CS4 user (beginner to advanced -- no CS3 users please)
Curious about Spry, but have never used Spry widget features in Dreamweaver
You know what an Accordion widget is from other sites, but have never inserted or edited one in Dreamweaver
Familiar with CSS styling and how it works
We are offering a small incentive to those willing to help us complete this study.
If you meet these requirements and would like to participate, please contact me at [email protected]
In your email, please confirm that you are a Dreamweaver CS4 user, that you have never inserted a Spry Accordion, and that you are comfortable working with and editing CSS.
Thanks!I added an accordion widget and it works on one site page while same code won't work on another page.
It works here: http://dev.triptocollege.org/educator/Things-I-Should-Be-Doing-Now/K-5th-Grades.aspx
Does not work here: http://dev.triptocollege.org/educator/Things-I-Should-Be-Doing-Now.aspx
Yet both pages have identical code (with absolute links to the CSS and JS files).
Can anyone shed some light on a solution? -
Spry Accordion Content not expanding fully
Hi,
I am trying to add some nice user friendly stuff to my site. I've created a Spry Accordion in which the content is images that I have created in photoshop. Some of the content is longer than 200px and will not show up in IE. When viewed in IE it only shows the 200px even though I have set a script that says fixed panel heights = false. I've updated everything to the updated spry...I'm going to attach all of the files that go with the dreamweaver file.
Please help me!
You can view the page at http://www.hofchurch.com/updated_site2/about_hof.php
CayleYou are using Spry 1.4, the latest version is 1.6.1, consider upgrading to the latest version.
-
Spry Menu Bar - Different Background Image Wanted for menu items
Hi, I've looked everywhere for help with this and just haven't found any answers yet ...
I want my Dreamweaver CS5.5 menu to look like this design I've done in PhotoShop ...
It's a simple one level list with no sub-levels.
Everything is good, except I can only set one background image for all the menu items at this level.
I want the first, last, and all the middle, menu items to use different background images.
I have no idea where or how to insert the code to set a different background image for each individual menu item ...
I know I could use images set one on top another in a column with rollover image swop, but the spry menu opens the door for dynamic content so I'm keen to get it working.
Manchester city council has a great example of this style of menu design working at - http://www.manchester.gov.uk/
They've got funky indenting of the text as well.
~~~~~~
This is the code for my menu list ...
<div class="sidebar1">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Groups</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
This is how I set the background image (but I can only define one image) ...
I set the image background to "Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg" through ...
CSS Styles
SpryMenuBarVertical.css
ul.MenuBarVertical a
I then select the background category
and browse to the image file.
doing this changes my CSS code as follows ...
ul.MenuBarVertical li
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 170px;
margin-top: 4px;
margin-bottom: 4px;
background: url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
ul.MenuBarVertical ul
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 170px;
left: -1000em;
top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 95%;
background: url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
ul.MenuBarVertical a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #0000;
text-decoration: none;
font: normal 12px Verdana, Geneva, sans-serif;
background: #EEE url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
~~~~~~
These are the three images I want to apply to the top middle and bottom menu items :
Top menu item background image - "Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg"
Middle menu items background image - "Menu-Nav-Bar-Pic-Mid-v1-w170px-h32px.jpg"
Bottom menu item background image - "Menu-Nav-Bar-Pic-Bot-v1-w170px-h32px.jpg"
~~~~~~
As I am unable to set the menu items individually, this is how the menu looks like on my website at the moment ...
~~~~~~
So near yet so far ! I'm hapy with the verdana font, the image size and spacing, but the background images I just can't set them right.
I'd really appreciate any help on this as I'm out of ideas.
Thank you.The easiest way is to use pseudo elements.
To style the first and last menu items ifferently to the rest, merely add :first-child and :last-child respectivly as follows
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<style>
ul.MenuBarVertical li:first-child a {
background-color: red;
color: white;
ul.MenuBarVertical li:last-child a {
background-color: green;
color: yellow;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
In your case, in liue of the background colour, you would have an image.
Gramps -
TextField on top of background image
How can I put a textField on top of a background image with JSC?
How can I put a textField on top of a background image with JSC?I believe that when you put a background image in JSC... everything else would go on top of the background image. You set the background image by selecting the Background Image property under the Appearance part of the Properties panel. There you can select the image you want to set as background.
On the other hand, if you insert a separate image component instead of the background image... there you may have to tell your textField to go on top of the image. You do this by right-clicking the textField and selecting the Bring To Front option.
Franklin Angulo -
Adding .flv or .swf in dreamweaver on top of background image
Hi,
I added an image background 1900 x 1200 in dreamweaver, which will serve as my background image for my web site. I would like to incorporate my .flv or .swf on top of my background image. Although, when doing so, the .flv or .swf gets placed under the background image and not on top. How do I place the .flv or .swf file on top of my background image in Dreamweaver CS5.
ThanksHi
This sounds as though you are not actually using a background-image but just placing an image on the page. To get any help people will have to see your page and the code, can you provide a link to a live page?
BTW: Your background-image size is way to big for most users monitors, just thought you should know.
PZ
Maybe you are looking for
-
Error in Installing OBIEE 11.1.1.5 on AIX 64 Bit,
Hi, Ive tried a simple as well as enterprise install of OBIEE 11.1.1.5 on AIX 64 Bit Operating system, midway through the installation I get the following error: error in invoking target 'Client_sharedlib svr_tool' of makefile. If i proceed with the
-
Hi All, I want to send the failure mail to the currently log in user. I know how to send the mail for a perticular user,but my requirement was i want to send the mail to the currently logged in user. Is there any way for this.Please help. Thanks, Rav
-
Tascam as audio interface to line-in?
Can I use my Tascam DP-02 as an audio interface for my iMac? I can go from the RCA output jacks on the Tascam with a mini-plug adapter cable to the Line-in on the iMac. Or is it better to use a product with a USB or Firewire interface for my iMac? If
-
I went to update my contacts that I have stored in AddressBook today and discovered that the actual address book application is missing. It seems that the data (contacts show up in spotlight) and the plist files are still there. I don't recall deleti
-
I'm still getting the hang of LR5, in your opinion, is there a major difference between pictures when exported as a JPEG or DNG? I know that the DNG file will be greatly larger if the photo was taken originally in RAW, but I was just wondering if th