0 Replies Latest reply on May 28, 2012 6:22 PM by Dark808

    Adding jquery image slider after export

    Dark808

      I've been building a website in firework and it has turned out great.

       

      I've been trying to add an image slider as well, galleria looks really good.

      It is javascript and i've inserted it into the html but i don't know how to get it to show up where i want.

      fireworks exports an html document that links an image which is my website, and then it maps the links.

       

      this is the htm

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      <!-- saved from url=(0014)about:internet -->

      <html xmlns="http://www.w3.org/1999/xhtml">

      <head>

      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

              <script src="galleria/galleria-1.2.7.min.js"></script>

              <style>

                  #galleria{ width: 700px; height: 400px; background: #000; }

              </style>

      <title>Page 4</title>

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

      <!--Fireworks CS6 Dreamweaver CS6 target.  Created Mon May 28 17:35:21 GMT-0400 (Eastern Daylight Time) 2012-->

      </head>

      <body bgcolor="#ffffff">

      <div id="galleria">

                    <img src="" />

                  <img src="" />

                  <img src="" />

              </div>

              <script>

                  Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');

                  Galleria.run("#galleria");

              </script>

      <img name="Page4" src="images/Page%204.png" width="1024" height="768" id="Page4" usemap="#m_Page204" alt="" /><map name="m_Page204" id="m_Page204">

       

      <area shape="rect" coords="34,19,306,103" href="Page 2.htm" alt="" />

      <area shape="poly" coords="944,111,1014,111,1014,126,944,126,944,111" href="Page 5.htm" alt="" />

      <area shape="poly" coords="864,111,934,111,934,126,864,126,864,111" href="Page 4.htm" alt="" />

      <area shape="poly" coords="784,111,854,111,854,126,784,126,784,111" href="Page 3.htm" alt="" />

      <area shape="poly" coords="704,111,774,111,774,126,704,126,704,111" href="Page 2.htm" alt="" />

      </map>

      </body>

      </html>

       

      As you can see the html is pretty thin.

       

      My question is how do i align galleria, the javascript image slider, some where over top of my website design {the Page4 image}