PDA

View Full Version : Flash Publishing Issue


heyhowyoudoing?
08-07-2010, 07:55 PM
Hello, I am attempting to publish a flash based "image viewer" in Dreamweaver. I have filled out all of the option fields properly, and it works fine when its displayed in a browser. Yet, when I attempt to publish it, the two image viewers (one on the home page and one on the portfolio page) I use on my site (http://www.chaseguttman.com) do not show up at all. At earlier points when I made it work, I also have a rollover problem. If my mouse rolls over the image viewer, the rollover goes off on the banner above the viewer. I can use all the help you guys can provide. Thanks so much.

DWcourse
08-07-2010, 09:43 PM
Do a search for file:/// in your source and you'll come up with stuff link this:

file:///Macintosh HD/Users/bbcaweb/Documents/Slideshow Final

Those are links to files on your hard drive that are not available on the web. It's usually the result of not defining your site correctly.

heyhowyoudoing?
08-08-2010, 03:48 AM
So how do I define it so the components of the site are available on the web? Thanks.

DWcourse
08-08-2010, 04:28 AM
The files those links point to need to be within your website and uploaded with it. If you put the file in your local folder and then make the links they should work.

heyhowyoudoing?
08-08-2010, 12:33 PM
By local folder, do you mean root folder? And if the files are placed within the website and then published (like I did), should it work?

DWcourse
08-08-2010, 04:24 PM
By local folder I meant what Dreamweaver calls the local root folder (or the local site folder in CS5) in the site definition.

heyhowyoudoing?
08-08-2010, 05:22 PM
If its in a sub-folder of my "root folder," (like it is now), shouldn't it work? Thanks.

DWcourse
08-08-2010, 05:54 PM
A sub folder is fine.

However you still have a problem with this link:

<script src="file:///Macintosh HD/Users/bbcaweb/Desktop/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

I'm not sure about other issues since I'm not familiar with your specific swf. It could be that the image links need to be relative to the location of the swf file rather than the page it appears on.

heyhowyoudoing?
08-09-2010, 01:11 PM
Can you put that in other words. Im a little confused. I don't know how to make the file upload with my website (because I thought thats what I have been doing). Do you have any suggestion? Would sending my swf file or providing more information help? Also, while I'm here a simple question (I think), how do you remove tables while keeping everything you placed in the tables the same? And is the tag inspector the only way to help tag things for SEO? Thanks so much with the help your providing.:-D

Corrosive
08-09-2010, 02:19 PM
The issue with the file is that it is pointing at your personal Mac hard drive. You need to look at file paths and how to make them relative to a website root folder.

If you remove tables they'll need to be replaced with divs and positioned using CSS.

heyhowyoudoing?
08-09-2010, 02:45 PM
If I don't know CSS, would you suggest I use tables? And I understand that the problem is that the file is pointing to my personal hard drive. I just don't know what my course of action should be to fix it. How do I make the files relative to the website root folder (do I place the files within the root folder? Because its already in a sub-folder of my site's root-folder)? And where do I look to see the file paths? Sorry, I am just an amateur. Thanks so much.

Here is the code for my home page (one of two of the pages, missing the image viewer):

<!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>Chase Guttman Photography- Home</title>
<style type="text/css">
<!--
body {
background-color: #718BFF;
}
.style2 { font-size: 16px;
font-weight: bold;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script src="file:///Macintosh HD/Users/bbcaweb/Desktop/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body onload="MM_preloadImages('Components/rollover_banner.jpg','Components/red_portfolio_button.jpg','Components/red_services_button.jpg','Components/red_about_button.jpg','Components/black_home_button.jpg')">
<table width="772" height="439" border="1">
<tr>
<td height="124" colspan="2"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','Components/rollover_banner.jpg',1)"><img src="Components/title_banner.jpg" name="Chase Guttman Photography" width="762" height="120" border="0" id="Image7" title="Chase Guttman" /></a></td>
</tr>
<tr>
<td width="147" height="68" align="left" valign="top" bgcolor="#718BFF"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','Components/black_home_button.jpg',1)"><img src="Components/red_home_button.jpg" name="Chase Guttman Photography- Home" width="145" height="64" border="0" id="ImChase Guttman Photography- Homeage8" /></a></td>
<td width="609" rowspan="4" align="left" valign="middle" bgcolor="#718BFF"><p class="style2">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','608','heigh t','339','src','Slideshow Test','quality','high','flashvars','flashlet={imag eLinkTarget:\'_blank\',captionFont:\'Verdana\',tit leFont:\'Verdana\',showControls:false,frameShow:fa lse,slideDelay:3,captionSize:10,captionColor:#3333 33,titleSize:10,transitionsType:\'Fade\',titleColo r:#333333,slideAutoPlay:true,imageURLs:[\'Final Portfolio/April_and_March_2007_080.jpg\',\'Final Portfolio/June_July_2008_404.JPG\',\'Final Portfolio/Morocco_2008_117.JPG\',\'Final Portfolio/Belize_Trip_2006_597.jpg\',\'Final Portfolio/Lanchaster_and_St_Patricks_Day_2007_053.jpg\',\'Fi nal Portfolio/Belize_Trip_2006_045.jpg\',\'Final Portfolio/Morocco_2008_1447.JPG\',\'Final Portfolio/New_Years_Trip_2007_1405.jpg\',\'Final Portfolio/DSC_0088.JPG\',\'Final Portfolio/Texas_Trip_2007_1153.jpg\',\'Final Portfolio/Sikh_Parade_Flock_of_Dodos_Water_Man_847.jpg\',\'F inal Portfolio/Mediterranean_Cruise_2005_493.jpg\',\'Final Portfolio/Norway_2008_1468.JPG\',\'Final Portfolio/New_Years_Trip_2007_1551.jpg\',\'Final Portfolio/New_Years_Trip_2007_1003.jpg\',\'Final Portfolio/281.JPG\',\'Final Portfolio/October_and_November_2008_083.JPG\',\'Final Portfolio/DSC_0638.JPG\',\'Final Portfolio/Yukon_and_Alaska_Trip_2009_942.JPG\',\'Final Portfolio/405.JPG\',\'Final Portfolio/Norway_2008_1364.JPG\',\'Final Portfolio/DSC_0255.JPG\',\'Final Portfolio/DSC_0215.JPG\',\'Final Portfolio/DSC_0089.JPG\',\'Final Portfolio/Chinese_New_Year_and_Pillow_Fight_276.jpg\',\'Fina l Portfolio/Morocco_2008_1796.JPG\',\'Final Portfolio/Morocco_2008_1152.JPG\',\'Final Portfolio/Morocco_2008_2124.JPG\',\'Final Portfolio/DSC_0067_(2).jpg\',\'Final Portfolio/DSC_0491.jpg\',\'Final Portfolio/DSC_0382.jpg\'],slideLoop:true,frameThickness:2,imageLinks:[\'http://macromedia.com/\',\'http://macromedia.com/\',\'http://macromedia.com/\'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','flas h_component','ImageViewer.swc','movie','Slideshow Test' ); //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="608" height="339">
<param name="flash_component" value="ImageViewer.swc" />
<param name="movie" value="Slideshow Test.swf" />
<param name="quality" value="high" />
<param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:false,fram eShow:false,slideDelay:3,captionSize:10,captionCol or:#333333,titleSize:10,transitionsType:'Fade',tit leColor:#333333,slideAutoPlay:true,imageURLs:['Final Portfolio/April_and_March_2007_080.jpg','Final Portfolio/June_July_2008_404.JPG','Final Portfolio/Morocco_2008_117.JPG','Final Portfolio/Belize_Trip_2006_597.jpg','Final Portfolio/Lanchaster_and_St_Patricks_Day_2007_053.jpg','Fina l Portfolio/Belize_Trip_2006_045.jpg','Final Portfolio/Morocco_2008_1447.JPG','Final Portfolio/New_Years_Trip_2007_1405.jpg','Final Portfolio/DSC_0088.JPG','Final Portfolio/Texas_Trip_2007_1153.jpg','Final Portfolio/Sikh_Parade_Flock_of_Dodos_Water_Man_847.jpg','Fin al Portfolio/Mediterranean_Cruise_2005_493.jpg','Final Portfolio/Norway_2008_1468.JPG','Final Portfolio/New_Years_Trip_2007_1551.jpg','Final Portfolio/New_Years_Trip_2007_1003.jpg','Final Portfolio/281.JPG','Final Portfolio/October_and_November_2008_083.JPG','Final Portfolio/DSC_0638.JPG','Final Portfolio/Yukon_and_Alaska_Trip_2009_942.JPG','Final Portfolio/405.JPG','Final Portfolio/Norway_2008_1364.JPG','Final Portfolio/DSC_0255.JPG','Final Portfolio/DSC_0215.JPG','Final Portfolio/DSC_0089.JPG','Final Portfolio/Chinese_New_Year_and_Pillow_Fight_276.jpg','Final Portfolio/Morocco_2008_1796.JPG','Final Portfolio/Morocco_2008_1152.JPG','Final Portfolio/Morocco_2008_2124.JPG','Final Portfolio/DSC_0067_(2).jpg','Final Portfolio/DSC_0491.jpg','Final Portfolio/DSC_0382.jpg'],slideLoop:true,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}" />
<embed src="Slideshow Test.swf" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:false,fram eShow:false,slideDelay:3,captionSize:10,captionCol or:#333333,titleSize:10,transitionsType:'Fade',tit leColor:#333333,slideAutoPlay:true,imageURLs:['Final Portfolio/April_and_March_2007_080.jpg','Final Portfolio/June_July_2008_404.JPG','Final Portfolio/Morocco_2008_117.JPG','Final Portfolio/Belize_Trip_2006_597.jpg','Final Portfolio/Lanchaster_and_St_Patricks_Day_2007_053.jpg','Fina l Portfolio/Belize_Trip_2006_045.jpg','Final Portfolio/Morocco_2008_1447.JPG','Final Portfolio/New_Years_Trip_2007_1405.jpg','Final Portfolio/DSC_0088.JPG','Final Portfolio/Texas_Trip_2007_1153.jpg','Final Portfolio/Sikh_Parade_Flock_of_Dodos_Water_Man_847.jpg','Fin al Portfolio/Mediterranean_Cruise_2005_493.jpg','Final Portfolio/Norway_2008_1468.JPG','Final Portfolio/New_Years_Trip_2007_1551.jpg','Final Portfolio/New_Years_Trip_2007_1003.jpg','Final Portfolio/281.JPG','Final Portfolio/October_and_November_2008_083.JPG','Final Portfolio/DSC_0638.JPG','Final Portfolio/Yukon_and_Alaska_Trip_2009_942.JPG','Final Portfolio/405.JPG','Final Portfolio/Norway_2008_1364.JPG','Final Portfolio/DSC_0255.JPG','Final Portfolio/DSC_0215.JPG','Final Portfolio/DSC_0089.JPG','Final Portfolio/Chinese_New_Year_and_Pillow_Fight_276.jpg','Final Portfolio/Morocco_2008_1796.JPG','Final Portfolio/Morocco_2008_1152.JPG','Final Portfolio/Morocco_2008_2124.JPG','Final Portfolio/DSC_0067_(2).jpg','Final Portfolio/DSC_0491.jpg','Final Portfolio/DSC_0382.jpg'],slideLoop:true,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="608" height="339"> </embed>
</object>
</noscript>
</p>
<p class="style2">&nbsp;


</p></td>
</tr>
<tr>
<td height="68" align="left" valign="top" bgcolor="#718BFF"><a href="about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','Components/red_about_button.jpg',1)"><img src="Components/black_about_button.jpg" name="Chase Guttman Photography- About" width="145" height="64" border="0" id="Chase Guttman Photography- About" /></a></td>
</tr>
<tr>
<td height="68" align="left" valign="top" bgcolor="#718BFF"><a href="portfolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','Components/red_portfolio_button.jpg',1)"><img src="Components/black_portfolio_button.jpg" name="Chase Guttman Photography- Portfolio" width="145" height="64" border="0" id="Chase Guttman Photography- Portfolio" /></a></td>
</tr>
<tr>
<td height="97" align="left" valign="top" bgcolor="#718BFF"><a href="services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image12','','Components/red_services_button.jpg',1)"><img src="Components/black_services_button.jpg" name="Chase Guttman Photography- Services" width="145" height="64" border="0" id="Chase Guttman Photography- Services" /></a></td>
</tr>
</table>
<br />
<br />
<br />
<br />
<br />
<br />
<br id="Chase Guttman.com" title="Chase Guttman.com" />
<br />
<br />
<br />
<br />
<br />
</body>
</html>

Corrosive
08-09-2010, 03:00 PM
Ah ok, your file path should start at the root of the folder so if your file is in the root it would be;

<script src="AC_RunActiveContent.js" type="text/javascript"></script>

If your script is in a folder a level down called 'scripts' your path will be;

<script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>

and so on.

This may help; http://www.corrosiveonline.co.uk/tutorials_folder_structure_file_paths.php to explain a bit more.

I still think you are getting these issues because you've not defined your site correctly as DW should do this all for you.

As for tables... That is a decision for you to make. Continue to use them or learn CSS.

heyhowyoudoing?
08-09-2010, 03:10 PM
I am really quite an amateur. I need you to explain all of this in other words please. So to clarify, does my file path start at the root folder, like you said it should? And if it doesn't how do I go about fixing that? Or should it be in the scripts sub-folder, like you also mentioned. I understood you thought I may have defined my site incorrectly. How would I know, and if I did, how do I fix this. Thank you.

Corrosive
08-09-2010, 03:55 PM
I am really quite an amateur. I need you to explain all of this in other words please.

OK, this is something I (and others) will sympathise with. We all started somewhere so don't worry about that :)

This is a great little piece about defining your site; http://www.dreamweaverclub.com/define-your-site.php by our own DWCourse.

As for where your files etc should be that is down to you. It is your choice as long as your file paths are correct.

To edit your file paths just go into code view and edit until they are right.

I know you are a beginner but don't expect to get good overnight (even with Dreamweaver) there is a LOT to learn I'm afraid. I've now given you two articles to read that should help answer your questions so go and study them for a bit.

heyhowyoudoing?
08-09-2010, 04:05 PM
Thanks so much. I will read up and get back to see if it worked. Thanks.