gannon528
Posts: 1
Joined: Tue May 03, 2011 7:09 pm

Where to place the codes

Hi, I am a beginner and I am building my first website at school. I followed the directions as to where to place the Js and Css file codes between the head tags and then I placed the gallery html between the body tags but the design view shows only frames of the thumbnails indicating that they are supposed to be pictures but does not display the pictures themselves. I refreshed the files on the files tab but that seemed to have no effect. Ps. I am using Dreamweaver CS4.

This is what my code looks like. If anybody sees what I am doing incorrectly I would greatly appreciate it if you point it out to me.

Code: Select all

<html>
<head>
<title>WebGallery_MarkLowe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.bodycenter {
	text-align: center;
	background-color: #140090;
	font-family: "MS Serif", "New York", serif;
	font-size: 16px;
	font-style: normal;
}
.textregion {
	background-image: url(images/slicing01_09.jpg);
	font-family: "MS Serif", "New York", serif;
	font-size: 30px;
	color: #003;
}
.bodycenterCopy {
	text-align: center;
	background-color: #140090;
	font-family: "MS Serif", "New York", serif;
	font-size: 16px;
	font-style: normal;
}
-->
</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];}}
}
//-->
</script>
<script type="text/javascript" src="highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="bodycenter">
<h3>Gallery</h3>
<div class="highslide-gallery">
	<ul>
	<li>
	<a href="highslide/images/large/Plasticleg.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Plasticleg.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/Junglebrain.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Junglebrain.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/Graveyard.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Graveyard.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/Jaw.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Jaw.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/Abstract2.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Abstract2.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/SaySomething.jpg" class="highslide" 
			title="Tempera Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/SaySomething.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/BlueCity.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/BlueCity.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/Parkinglot.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Parkinglot.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/Abstract_1.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Abstract_1.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/Machine.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Machine.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/Vader.jpg" class="highslide" 
			title="Charcoal                  " 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Vader.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/DSC05512.JPG" class="highslide" 
			title="Watercolor" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/DSC05512.JPG"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/DSC05530.JPG" class="highslide" 
			title="Watercolor" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/DSC05530.JPG"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/Pagoda.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Pagoda.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/CandleHouse.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/CandleHouse.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/Abstract3.jpg" class="highslide" 
			title="Acrylic Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/Abstract3.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/spider2.jpg" class="highslide" 
			title="Charcoal" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/spider2.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/DSC05552.JPG" class="highslide" 
			title="Oil Paint" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/DSC05552.JPG"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/portfolio-piece-1.jpg" class="highslide" 
			title="Pastel" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/portfolio-piece-1.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/marleyblues.jpg" class="highslide" 
			title="Digital" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/marleyblues.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/asymmetrical2.jpg" class="highslide" 
			title="Digital" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/asymmetrical2.jpg"  alt=""/>
	</a>
	</li>
	<li>
	<a href="highslide/images/large/thedespondentthought.jpg" class="highslide" 
			title="watercolor pencil" 
			onclick="return hs.expand(this, config1 )">
		<img src="highslide/images/thumbs/thedespondentthought.jpg"  alt=""/>
	</a>
	</li>
	</ul>
	<div style="clear:both"></div></div>
</body>
</html>
User avatar
RoadRash
Posts: 8249
Joined: Tue Jul 15, 2008 6:43 pm
Location: Fredrikstad, Norway
Contact: Website

Re: Where to place the codes

Hi,

Your code looks correct.
The problem is probably that your page and the highslide folder isn't placed in the same directory. They should (preferably) be placed in the root of your web site.
Hilde
Highslide Support Team

Overview of my Highslide sample pages: RoadRash.no

Return to “Highslide Editor”