It is currently Fri Jul 25, 2014 3:34 am Advanced search

Where to place the codes

Help for using the Highslide Editor, the visual way of setting up Highslide.

Where to place the codes

Postby gannon528 » Tue May 03, 2011 9:26 pm

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>
gannon528
 
Posts: 1
Joined: Tue May 03, 2011 9:09 pm

Re: Where to place the codes

Postby RoadRash » Wed May 04, 2011 11:44 am

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
User avatar
RoadRash
 
Posts: 8207
Joined: Tue Jul 15, 2008 8:43 pm
Location: Fredrikstad, Norway


Return to Highslide Editor

Who is online

Users browsing this forum: No registered users and 2 guests