Loading a swf file into a div (photo gallery)

**kpsony** · 08-28-2008, 11:20 PM

So, I have a photo gallery with a specific div where i'm loading images. One of the images needs to be animated, so I cannot just link a jpeg, i have to use a swf so the image can scroll. For some reason when i replace the imagexx.jpg with imagexx.swf I get a red x. Is this even possible to do?

Here's the code for my div:

Code:

<div style="overflow:hidden;">
<div id="motioncontainer" style="width:207px; height:435px; overflow:hidden; position: relative;">
<div id="motiongallery" style="position:absolute; left:0; top:0;">

And heres the code I have for my images that are loading into that div:

Code:

<a href="images/image.swf" rel="enlargeimage::click"  rev="loadarea::#"><img name="" src="images/new_additions/1.jpg" width="207" height="123" border="0" class="gradualfader"></a><br><br>

What am I doing wrong? Thanks!!!

**Nile** · 08-28-2008, 11:21 PM

A swoof file is not an image, it is a flash file. Try using an animated gif.

**kpsony** · 08-29-2008, 09:44 PM

i cant. The iamge has to be animated. Im sure there is a way to do it.

**kpsony** · 08-29-2008, 10:01 PM

I found some code that opens the flash on page load, but i have no idea how to add the function to a link so the flash will only load when the link is clicked. ideas? see code below:

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>Captivate-to-Flash ExternalInterface example</title>
<script type="text/javascript" src="scripts/swfobject.js"></script>
<script type="text/javascript">
	function addFlash(){	
		var so = new SWFObject("images/series_test.swf", "mov1", "640", "480", "8", "#FFFFFF");
		so.write("flashContainer");
	}
	window.onload=function(){
		addFlash();
	}
</script>
 
<!-- for Flash-JS communication -->
<script language="JavaScript">
 
//Detect Flash container movie
function getFlashMovie(mov1) {
    if (navigator.appName.indexOf("Microsoft") != -1) {
        return window[mov1];
    }
    else {
        return document[mov1];
    }
}
 
//Function to be called by Captivate
function captivateUnload() {
	
	//Calls "unload" method established in ExternalInterface Actionscript code
	getFlashMovie("simpleSwfLoader").unload();
 
}
 
 
</script>
 
</head>
 
<body>

<div id="flashContainer">If you see this message, you have Javascript disabled. Please enable Javascript to see the Flash content.</div>
</body>
 
</html>

Thread: Loading a swf file into a div (photo gallery)

Thread Tools

Search Thread

Loading a swf file into a div (photo gallery)

Bookmarks

Bookmarks

Posting Permissions