Page 1 of 2

V2 Imbed into website

Posted: 03 Sep 2008, 05:51
by anytime732
HI

is there any documentatin for imbedding V2 into a html page? ive tried to do this nd as my knowledge is quite limited in this area ive had no such luck, if any one could help it would be much appreciated.

thanks in advance

jon

Re: V2 Imbed into website

Posted: 03 Sep 2008, 08:18
by mjau-mjau
anytime732 wrote:is there any documentatin for imbedding V2 into a html page? ive tried to do this nd as my knowledge is quite limited in this area ive had no such luck, if any one could help it would be much appreciated.
It certainly is possible, but we don't have the time to make examples of public documents for this before we have the opportunity to experiment with this ourselves. You may find this topic helpful:
viewtopic.php?t=3559

Posted: 03 Sep 2008, 09:38
by anytime732
Hi, i hope you could spare some time to take a look and see where im going wrong. i have the V2 files in the root of my webspace which is "jonnorman89.freehostia.com" and the html file is in the root as well. ive used this code but keep getting a blanc screen. at the moment im really struggling to work out what im doing wrong.

here is the code im using at the moment.

webpage is http://jonnorman.freehostia.com/test.html



<!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>
<script type="text/javascript" src="imagevue/javascript/swfobject.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div id="imagevue">
This is where the gallery is placed
</div>
<script type="text/javascript">
//<![CDATA[
var flashVars = {
globalpath: '[imagevue/]'
};
swfobject.embedSWF(imagevue/imagevue/imagevue.swf, "imagevue", 1024, 768, "8.0.0", "[imagevue/EXPRESSINSTALL.SWF]", flashVars, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: 'cccccc'}, {id: 'imagevue', name: 'imagevue'});
// ]]>
</script>

Posted: 03 Sep 2008, 10:19
by mjau-mjau
I think your main issue, is that you simply need quotes:
Code
swfobject.embedSWF("imagevue/imagevue/imagevue.swf" ...
.. where in your code it is ...
Code
swfobject.embedSWF(imagevue/imagevue/imagevue.swf
Also, you need to remove the globalpath settings since your index.html does not require it.

Posted: 03 Sep 2008, 10:58
by anytime732
thanks alot for your help i think im NEARLY there!!!!

so now the problem is i just get a box with the back ground colour come up. now i really dont have a clue what i can do to solve this.

the site is - jonnorman.freehostia.com/test.html

and my new code is



<!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>
<script type="text/javascript" src="imagevue/javascript/swfobject.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div id="imagevue">
This is where the gallery is placed
</div>
<script type="text/javascript">
//<![CDATA[
var flashVars = {
};
swfobject.embedSWF("imagevue/imagevue/imagevue.swf", "imagevue", 1024, 768, "8.0.0", "imagevue/imagevue/EXPRESSINSTALL.SWF]", flashVars, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: 'cccccc'}, {id: 'imagevue', name: 'imagevue'});
// ]]>
</script>






PS i really appreciate all the work and help you guys give. :)

Posted: 03 Sep 2008, 11:14
by mjau-mjau
woops, well you have other faults also in the path itself(I am not sure how I overlooked that first time).
Code
"imagevue/imagevue/imagevue.swf"
Now thats not a valid file is it? Should it be something like:
Code
"imagevue/imagevue2.swf"

Posted: 03 Sep 2008, 11:45
by anytime732
hi again,

ive made the amendments you gave me and im getting the same grey box (grey being the background colour) though i have noticed the status bar saying waiting for ...... and the address so it might be trying to load something but its still not loading the gallery!! any more ideas?

take a look http://jonnorman.freehostia.com/test.html

the code is now


<!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>
<script type="text/javascript" src="imagevue/javascript/swfobject.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div id="imagevue">
This is where the gallery is placed
</div>
<script type="text/javascript">
//<![CDATA[
var flashVars = {
};
swfobject.embedSWF("imagevue/imagevue.swf", "imagevue", 1024, 768, "8.0.0", "imagevue/expressInstall.swf]", flashVars, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: 'cccccc'}, {id: 'imagevue', name: 'imagevue'});
// ]]>
</script>

Posted: 03 Sep 2008, 12:43
by anytime732
hi again, ive found the issue, seem that i missed typed one of the loctions. with that aside when i open the page it goes through the lodaing bar and appears to load the gallery but then nuthing actually appears after that, ii was wondering if there was something that needed to be changed in any other config files????

Posted: 03 Sep 2008, 13:12
by Nick

Posted: 03 Sep 2008, 13:36
by anytime732
cheers, ive just downloaded the new v2 release so i will get all this working tonight hopefuly.

out of interest how did you find out where it stopped? also do all of the orignal theme files need to be there even if they are not in use??

cheers jon

Posted: 03 Sep 2008, 13:43
by Nick
anytime732 wrote:out of interest how did you find out where it stopped? also do all of the orignal theme files need to be there even if they are not in use??
http://www.getfirebug.com/ - it can list all calls to server and results, so you can easily spot 404

About files - it reads theme config, theme says - use this background, and then flash can't load it. You need to either use original files or edit theme I think

Posted: 03 Sep 2008, 14:02
by anytime732
cheers ill take a look, sorry to be so relient on you guys but this is all new stuff to me, but thanks a million for all the help youve given,

ill keep posting here until i get it working :)

Posted: 04 Sep 2008, 05:19
by anytime732
Ok folks ive got this working now, so when i go the the html page it will load up the gallery where ever i decided to put it at the desired size.

The only other slight wish i would like to make possible now would be so that if i imbed on multiple pages is there anyway i can have a different start folder for each page???

Posted: 04 Sep 2008, 11:51
by mjau-mjau
Yes, you can make separate startfolder. You need to simply add it in flashvars in your document
Code
flashVars.startpath = 'content/folder/imagefolder/';

Posted: 06 Sep 2008, 05:10
by anytime732
hi

when i add tjhat to the script it stops the galery from loading at all, just says "this is where the gallery is placed"

can anyone see what is wrong??

my code is now.....

<!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>
<script type="text/javascript" src="imagevue/javascript/swfobject.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#apDiv7 {
position:absolute;
left:1144px;
top:190px;
width:317px;
height:270px;
z-index:7;
background-color: #FFFFFF;
visibility: visible;
background-repeat: repeat-y;
}
#apDiv1 {
position:absolute;
left:10px;
top:265px;
width:854px;
height:2000px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:13px;
top:9px;
width:330px;
height:114px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:1px;
top:137px;
width:1024px;
height:24px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:12px;
top:163px;
width:240px;
height:21px;
z-index:4;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: 380px;
}
#apDiv5 {
position:absolute;
left:0px;
top:215px;
width:1024px;
height:24px;
z-index:5;
}
body,td,th {
color: #FFFFFF;
}
body {
background-color: #006600;
}
#apDiv6 {
position:absolute;
left:806px;
top:265px;
width:150px;
height:500px;
z-index:6;
margin-left: 70px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {
font-size: 24px;
font-weight: bold;
}
#apDiv8 {
position:absolute;
left:577px;
top:139px;
width:95px;
height:132px;
z-index:7;
background-color: #FFFFFF;
overflow: auto;
list-style-position: outside;
}
#back {
background-color: #FFFFFF;
height: 1000px;
width: 860px;
margin-top: 250px;
}
-->
</style>
</head>

<body>
<div id="apDiv1">
<div id="imagevue"> This is where the gallery is placed </div>
</div>
<div id="apDiv2"><img src="images/sherwoodsblu.jpg" width="375" height="108" /></div>
<div id="apDiv3">
<div align="center"><strong>e-mail: <a href="mailto:info@sherwoodsfabrics.co.uk?subject=Dress%20Fabric%20Enquiry">info@sherwoodsfabrics.co.uk</a></strong></div>
</div>
<div id="apDiv4"><img src="images/image001.gif" width="230" height="48" align="middle" /></div>
<div id="apDiv5">
<div align="center">********************************************</div>
</div>
<div id="apDiv6">
<p align="center" class="style1"><a href="fabric1.html">Fabric 1</a></p>
<p align="center" class="style1"><a href="fabric2.html">Fabric 2</a></p>
<p align="center" class="style1"><a href="fabric3.html">Fabric 3</a></p>
<p>&nbsp;</p>
</div>

<script type="text/javascript">
//<![CDATA[
var flashVars = {
flashVars.startpath = "content/fabric1/";
};
swfobject.embedSWF("imagevue/imagevue2.swf", "imagevue", "860", "2000", "8.0.0", "imagevue/expressInstall.swf]", flashVars, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: 'cccccc'}, {id: 'imagevue', name: 'imagevue'});
// ]]>
</script>