simple image rollover pop up giving me a searing headache. please help


hi,

i'm trying mouse roller work opens floating image. below code link page i'm working on. tutorial files downloaded work fine when place code on page have click , opens image in parent window.

 

both js files in root. no subfolder.

 

any appreciated!! i'm @ ends this!!

 

 

my page.

http://www.nascarracingexperience.com/bookeo/thenascarracecar.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>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>image preview jquery</title>

<meta name="description" content="easiest jquery tooltip ever">

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

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

</meta>

 

 

 

 

<style>

body {

          margin:0;

          padding:40px;

          background:#fff;

          font:80% arial, helvetica, sans-serif;

          color:#555;

          line-height:180%;

}

 

 

h1{

          font-size:180%;

          font-weight:normal;

          color:#555;

}

h2{

          clear:both;

          font-size:160%;

          font-weight:normal;

          color:#555;

          margin:0;

          padding:.5em 0;

}

a{

          text-decoration:none;

          color:#f30;

}

p{

          clear:both;

          margin:0;

          padding:.5em 0;

}

pre{

          display:block;

          font:100% "courier new", courier, monospace;

          padding:10px;

          border:1px solid #bae2f0;

          background:#e3f4f9;

          margin:.5em 0;

          overflow:auto;

          width:800px;

}

 

 

img{border:none;}

ul,li{

          margin:0;

          padding:0;

}

li{

          list-style:none;

          float:left;

          display:inline;

          margin-right:10px;

}

 

 

 

 

 

 

/*  */

 

 

#preview{

          position:absolute;

          border:1px solid #ccc;

          background:#333;

          padding:5px;

          display:none;

          color:#fff;

          }

 

 

/*  */

</style>

</head>

<body>

 

 

          <h1> </h1>

 

 

          <ul>

    <li><a href="images/1.jpg" class="preview"><img src="images/1s.jpg" alt="gallery thumbnail" /></a></li>

                    <li></li>

          </ul>

</body>

</html>

i don't see call function jquery.

 

there should little <script>$some code here</script> in body of page tells use scripts attached. check site downloaded or tutorial page that's working, info should there.



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

Thread: gpg: Conflicting Commands

Adobe Acrobat Pro , Terminal Server Use

when i try using AE CC 3d camera tracker after the first step it says "Analysis solve failed." help?