Search…

X3 Photo Gallery Support Forums

Search…
 
manchan
Topic Author
Posts: 16
Joined: 01 Aug 2012, 12:26

insert/embed imagevue gallery into html page

01 Aug 2012, 22:03

Hello,

I am a beginner of web design and imagevue, now I want to insert/embed imagevue gallery into my html web page, I try to use Dreamweaver CS3 to insert the flash object (imagevue2.swf). However, after uploading the html files to ftp server, my web page still cannot see anything changes, the imagevue still disappeared…

Can anyone help me to diagnosis the html code and tell me how to insert/embed the imagevue gallery into my web page?

As I am not familiar in coding, if you can help me to find out the wrong code and tell me the correct coding is much better ^^

Finally, I attached the html code below & attached 3 pictures about my ftp setting and web page structure, hope you can help me to find out the problems.

Thanks so much for your help !!!

Best Regards

Man Chan
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" dir="ltr" lang="en-US" xml:lang="en">
<head>
    <!--
    Created by Artisteer v3.1.0.48375
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>New Page</title>



    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

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

    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="art-main">
    <div class="cleared reset-box"></div>
    <div id="art-hmenu-bg" class="art-bar art-nav">
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-header">
        <div class="art-header-position">
            <div class="art-header-wrapper">
                <div class="cleared reset-box"></div>
                <div class="art-header-inner">
                <div class="art-headerobject"></div>
                <div class="art-logo">
                                 <h1 class="art-logo-name"><a href="./index.html">Life is Adventure</a></h1>
                                                </div>
                </div>
            </div>
        </div>
        
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
	<ul class="art-hmenu">
		<li>
			<a href="./home.html">Home</a>
		</li>	
		<li>
			<a href="./about-us.html">About Us</a>
		</li>	
		<li>
			<a href="./courses.html">Courses</a>
			<ul>
				<li>
                    <a href="./courses/personal-and-team-development.html">Personal and Team Development</a>

                </li>
				<li>
                    <a href="./courses/challenge-rope-course.html">Challenge Rope Course</a>

                </li>
				<li>
                    <a href="./courses/canoeing.html">Canoeing</a>

                </li>
				<li>
                    <a href="./courses/hikingcamping.html">Hiking/Camping</a>

                </li>
				<li>
                    <a href="./courses/abseiling.html">Abseiling</a>

                </li>
				<li>
                    <a href="./courses/sports-climbing.html">Sports Climbing</a>

                </li>
				<li>
                    <a href="./courses/diving.html">Diving</a>

                </li>
				<li>
                    <a href="./courses/triathlon-training.html">Triathlon Training</a>

                </li>
			</ul>
		</li>	
		<li>
			<a href="./gallery.html" class="active">Gallery</a>
		</li>	
		<li>
			<a href="./news.html">News</a>
		</li>	
		<li>
			<a href="./contacts.html">Contacts</a>
		</li>	
	</ul>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>

    </div>
    <div class="cleared reset-box"></div>
    <div class="art-box art-sheet">
        <div class="art-box-body art-sheet-body">
            <div class="art-layout-wrapper">
                <div class="art-content-layout">
                    <div class="art-content-layout-row">
                        <div class="art-layout-cell art-content">
<div class="art-box art-post">
    <div class="art-box-body art-post-body">
<div class="art-post-inner art-article">
                                                <div class="art-postcontent">
<div class="page">
    <h1><br /></h1>

    <div class="imagevueWrap">
        <div id="imagevue">
            <div id="na">             </div>
        </div><script type="text/javascript">
        //<![CDATA[
                                swfobject.embedSWF("iv-includes/imagevue2.swf", "imagevue", "1300", "500", "8.0.0", "iv-includes/expressInstall.swf", null, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#000000'}, {id: 'imagevue', name: 'imagevue'});
                        // ]]>
        </script>
    </div>
</div>
                </div>
                <div class="cleared">
                  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','990','height','550','title','galleryswf','src','imagevue/iv-includes/imagevue2','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#0000CC','movie','imagevue/iv-includes/imagevue2' ); //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="990" height="550" title="galleryswf">
                    <param name="movie" value="imagevue/iv-includes/imagevue2.swf" />
                    <param name="quality" value="high" /><param name="BGCOLOR" value="#0000CC" />
                    <embed src="imagevue/iv-includes/imagevue2.swf" width="990" height="550" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#0000CC"></embed>
                  </object>
                </noscript></div>
                </div>

		<div class="cleared"></div>
    </div>
</div>

                          <div class="cleared"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cleared"></div>
            
    		<div class="cleared"></div>
        </div>
    </div>
    <div class="art-footer">
        <div class="art-footer-body">
            <div class="art-footer-center">
                <div class="art-footer-wrapper">
                    <div class="art-footer-text">
                        <a href="#" class="art-rss-tag-icon" title="RSS"></a>
                        <p><a href="#">Terms</a>   |   <a href="#">Policy</a>   |   <a href="#">About</a></p>

<p>Copyright © 2010. All Rights Reserved.</p><br />
                        <div class="cleared"></div>
                        <p class="art-page-footer"><a href="http://www.artisteer.com/?p=website_templates" target="_blank">Website Template</a> created with Artisteer.</p>
                    </div>
                </div>
            </div>
            <div class="cleared"></div>
        </div>
    </div>
    <div class="cleared"></div>
</div>

</body>
</html>
Attachments
ref3.jpg
This picture show the outlook of my web page, you may go to www.hkatc.hk for reference.
ref3.jpg (54.73 KiB) Viewed 3561 times
ref2.jpg
This picture shows the files in the imagevue folder in my ftp site
ref2.jpg (68.64 KiB) Viewed 3561 times
ref1.jpg
This picture shows the root of my ftp site
ref1.jpg (71.54 KiB) Viewed 3561 times
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

Re: insert/embed imagevue gallery into html page

02 Aug 2012, 02:09

Hi,

It would help if you could provide a link to the site you are trying to add Imagevue to, it's bit tedious to dig in the code, it would be easy to tell what is going on looking at the live page. Could you upload it somewhere please?
firedev.com
 
manchan
Topic Author
Posts: 16
Joined: 01 Aug 2012, 12:26

Re: insert/embed imagevue gallery into html page

02 Aug 2012, 04:48

Hi, Nick,

First of all, thanks for your reply ^^

The link of the real site is: http://www.hkatc.hk/gallery.html

Tell me if you need more information, thanks again !!

Man Chan
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

Re: insert/embed imagevue gallery into html page

06 Aug 2012, 06:23

Just checked your gallery it seem to be working fine, did you solve it?

Image
firedev.com
 
manchan
Topic Author
Posts: 16
Joined: 01 Aug 2012, 12:26

Re: insert/embed imagevue gallery into html page

06 Aug 2012, 22:31

Nick,

Yes, I found that I put the wrong path to the files, after input the correct path, the imagevue is showing properly.

Thanks for your help !!

Man