Help
So I've got a SWF I want to embed above my Jquery testimonials on this page: pixelproofdesign.co.uk/emp/index.php
It seems to load fine, but is on the left (would like it centered), and it seems to remove the testimonial jquery?
Here's the index.php code I'm using:
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>DJ Hire - En Masse Productions</title>
<meta name="description" content="Put the description of this page here" />
<meta name="keywords" content="Put keywords for this page here separated by commas" />
<meta name="generator" content="psd2css Online - Dynamic Web Pages from your Photoshop Design in seconds" />
<!-- The Primary External CSS style sheet. -->
<link rel="stylesheet" type="text/css" href="psd2css.css" media="screen" />
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/swfmacmousewheel.js"></script>
<script type="text/javascript">
// JAVASCRIPT VARS
// cache buster
var cacheBuster = "?t=" + Date.parse(new Date());
// stage dimensions
// if you define '100%' then the swf will have the browser dimensions
var stageW = "560";//"100%";
var stageH = "373";//"100%";
// ATTRIBUTES
var attributes = {};
attributes.id = 'FlabellComponent';
attributes.name = attributes.id;
// PARAMS
var params = {};
params.bgcolor = "#ffffff";
/* FLASH VARS */
var flashvars = {};
/// if commented / delete these lines, the component will take the stage dimensions defined
/// above in "JAVASCRIPT SECTIONS" section or those defined in the settings xml
flashvars.componentWidth = stageW;
flashvars.componentHeight = stageH;
/// path to the content folder(where the xml files, images or video are nested)
/// if you want to use absolute paths(like "http://domain.com/images/....") then leave it empty("")
flashvars.pathToFiles = "fadeinout/";
flashvars.xmlPath = "xml/fadeinout.xml";
/** EMBED THE SWF**/
swfobject.embedSWF("preview.swf"+cacheBuster, attributes.id, stageW, stageH, "9.0.124", "js/expressInstall.swf", flashvars, params);
if(swfmacmousewheel) swfmacmousewheel.registerObject(attributes.id);
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="psd2css.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
<!-- This is 'back_center' -->
<div id="Layer-1" class="back center" >
<img src="Layer-1.png" width="948" height="753" alt="back" class="pngimg" />
<!-- This is 'logo_center' -->
<div id="Layer-31" class="logo center" >
<img src="Layer-31.png" width="421" height="136" alt="logo" class="pngimg" /></div>
<!-- This is 'box_jpeg_center' -->
<div id="Layer-3" class="box jpeg center" >
<img src="Layer-3.png" width="941" height="561" alt="box" class="pngimg" />
<!-- This is 'bookings_link' -->
<div id="Layer-30" class="bookings link" >
<a href="bookings.html"><img src="Layer-30.png" width="82" height="13" alt="bookings" class="pngimg" border="0" /></a></div>
<!-- This is 'gallery_link' -->
<div id="Layer-29" class="gallery link" >
<a href="gallery.html"><img src="Layer-29.png" width="62" height="13" alt="gallery" class="pngimg" border="0" /></a></div>
<!-- This is 'music_link' -->
<div id="Layer-28" class="music link" >
<a href="music.html"><img src="Layer-28.png" width="52" height="11" alt="music" class="pngimg" border="0" /></a></div>
<!-- This is 'sounds_link' -->
<div id="Layer-27" class="sounds link" >
<a href="sounds.html"><img src="Layer-27.png" width="147" height="13" alt="sounds" class="pngimg" border="0" /></a></div>
<!-- This is 'packages_link' -->
<div id="Layer-26" class="packages link" >
<a href="packages.html"><img src="Layer-26.png" width="89" height="13" alt="packages" class="pngimg" border="0" /></a></div>
<!-- This is 'about us_link' -->
<div id="Layer-25" class="about us link" >
<a href="about us.html"><img src="Layer-25.png" width="82" height="11" alt="about us" class="pngimg" border="0" /></a></div>
<!-- This is 'index_link' -->
<div id="Layer-24" class="index link" >
<a href="index.php"><img src="Layer-24.png" width="50" height="11" alt="index" class="pngimg" border="0" /></a></div>
<!-- This is 'index_page_empty' -->
<div id="Layer-21" class="index page empty" >
<!-- This is 'body_text' --><!-- This is 'body_text' -->
<div id="FlabellComponent">
<p>In order to view this object you need Flash Player 9+ support!</p>
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/>
</a>
</div>
<div id="testimonials">
<ul>
<?php
$xmlFile = 'xml/testimonials.xml';
$xslFile = 'xml/transform.xml';
$doc = new DOMDocument();
$xsl = new XSLTProcessor();
$doc->load($xslFile);
$xsl->importStyleSheet($doc);
$doc->load($xmlFile);
echo $xsl->transformToXML($doc);
?>
</ul>
</div>
</div>
</div>
<!-- This is 'Copyright 2011 En Masse Product' -->
<div id="Layer-2" class="Copyright 2011 En Masse Product" >
<img src="Layer-2.png" width="417" height="9" alt="Copyright 2011 En Masse Product" class="pngimg" /></div>
</div>
<!-- This is the p2cedit Text Stylizer dialog and tools. It will not exist
in the code for your final page. -->
<div id="p2c-edit" style="display: none;"></div>
<script>
$('#p2c-edit').load('/app/p2cedit/p2cedit.html');
</script>
</body>
</html>
Also attached before and after screens. Hopefully someone can spot where I've gone wrong!
Attached File(s)
-
before embedding into html.png (56.18K)
Number of downloads: 3
