jquery image gallery beginner

jquery image gallery beginner

Hi i am new to jquery and i am trying to get the simple image gallery to work, but all i get is a blank page. i am using this version http://spaceforaname.com/galleryview#demos

and i have the following code, any ideas why this would not work? all my js files are correct.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head runat="server">
    <title></title>
  
            <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
             <script src="jquery.galleryview-2.1.1.js" type="text/javascript"></script>
        <script src="jquery.easing.1.3.js" type="text/javascript"></script>
        <script src="jquery.timers-1.2.js" type="text/javascript"></script>
        <link href="galleryview.css" rel="stylesheet" type="text/css" />

   

    <script language="javascript" type="text/javascript">
        $('#photos').galleryView({

    });
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
   
           <div id="photos" class="galleryview">
                    <div class="panel">
                        <img src="images/photo1.jpg" />
                        <div class="panel-overlay">
                                   <h2>Eden</h2>
                                    <p>Photo by <a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>.
                            View full-size photo <a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.</p>
                        </div>

            </div>
           
            <ul class="filmstrip">
                <li>
                      <img src="images/photo1.jpg" />
                </li>
                <li>
                    <img src="images/photo2.jpg" />
                </li>
            </ul>
        </div>
   
   
    </div>
    </form>
</body>
</html>


























































    • Topic Participants

    • craig