Page 1 of 1

insert/embed imagevue gallery into html page

Posted: 01 Aug 2012, 22:03
by manchan
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>

Re: insert/embed imagevue gallery into html page

Posted: 02 Aug 2012, 02:09
by Nick
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?

Re: insert/embed imagevue gallery into html page

Posted: 02 Aug 2012, 04:48
by manchan
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

Re: insert/embed imagevue gallery into html page

Posted: 06 Aug 2012, 06:23
by Nick
Just checked your gallery it seem to be working fine, did you solve it?

Image

Re: insert/embed imagevue gallery into html page

Posted: 06 Aug 2012, 22:31
by manchan
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