Search…

X3 Photo Gallery Support Forums

Search…
 
anytime732
Experienced
Topic Author
Posts: 112
Joined: 02 Aug 2008, 16:44

V2 Imbed into website

03 Sep 2008, 05:51

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
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

Re: V2 Imbed into website

03 Sep 2008, 08:18

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
 
anytime732
Experienced
Topic Author
Posts: 112
Joined: 02 Aug 2008, 16:44

03 Sep 2008, 09:38

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>
Last edited by anytime732 on 03 Sep 2008, 09:39, edited 1 time in total.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

03 Sep 2008, 10:19

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.
 
anytime732
Experienced
Topic Author
Posts: 112
Joined: 02 Aug 2008, 16:44

03 Sep 2008, 10:58

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. :)
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

03 Sep 2008, 11:14

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"
 
anytime732
Experienced
Topic Author
Posts: 112
Joined: 02 Aug 2008, 16:44

03 Sep 2008, 11:45

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>
 
anytime732
Experienced
Topic Author
Posts: 112
Joined: 02 Aug 2008, 16:44

03 Sep 2008, 12:43

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????
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

03 Sep 2008, 13:12

firedev.com
 
anytime732
Experienced
Topic Author
Posts: 112
Joined: 02 Aug 2008, 16:44

03 Sep 2008, 13:36

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
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

03 Sep 2008, 13:43

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
firedev.com
 
anytime732
Experienced
Topic Author
Posts: 112
Joined: 02 Aug 2008, 16:44

03 Sep 2008, 14:02

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 :)
 
anytime732
Experienced
Topic Author
Posts: 112
Joined: 02 Aug 2008, 16:44

04 Sep 2008, 05:19

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???
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13993
Joined: 30 Sep 2006, 03:37

04 Sep 2008, 11:51

Yes, you can make separate startfolder. You need to simply add it in flashvars in your document
Code
flashVars.startpath = 'content/folder/imagefolder/';
 
anytime732
Experienced
Topic Author
Posts: 112
Joined: 02 Aug 2008, 16:44

06 Sep 2008, 05:10

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>