Slideshow Spry won't show up in browser

Hello,
I've been trying to add a slideshow to a page and it will show up in the live preview but not in the browser. I've tried two different spry slideshow widgets and have had the same issue with both. I've read through many other discussions here on this problem but none of the solutions discussed have fixed it. I've tried changing the link to the main js file to an absolute link directly to Adobe but then I just get a javascript error when I try to open the page (http://www.ecs.org/html/aboutECS/AwardsWinners-TEST.htm). Right now the image are just showing up as bullets.
Here is the code for the page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>ECS Award Winners</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic|Open+Sans:400,400italic,600,600italic,700,700italic|Yanone+Kaffeesatz:200,300,400,700' rel='stylesheet' type='text/css'>
<link href="../../css/IssueStyles.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css">
<link href="Spry-UI-1.7/css/SpryImageSlideShow.css" rel="stylesheet" type="text/css">
<style type="text/css">
/* BeginOAWidget_Instance_2141542: #ImageSlideShow */
#ImageSlideShow.ImageSlideShow {
    width: 662px;
    height: 432px;
    border: solid 1px #000000;
#ImageSlideShow .ISSClip {
    background-color: #000000;
/* EndOAWidget_Instance_2141542 */
</style>
<script type="text/xml">
<!--
<oa:widgets>
  <oa:widget wid="2141542" binding="#ImageSlideShow" />
</oa:widgets>
-->
</script>
</head>
<body>
<!--#include file="../../Library/header.html"-->
<table width="1100" border="0" cellspacing="7">
  <tr align="center" valign="middle">
    <td height="30"  colspan="2" align="left">
      <span class="pathDarkBlueBig">ECS Award Winners</span>
    </td>
  </tr>
  <tr>
    <td width="200" align="left" valign="top"><!--#include file="Library/aboutECS-links.htm" --></td>
    <td width="81%"  valign="top"><table width="100%" border="0">
      <tr>
        <td><ul id="ImageSlideShow">
          <li><a href="awards/photos/kolderie.jpg"><img src="awards/photos/thumbnails/kolderie.jpg" alt="" /></a></li>
          <li><a href="awards/photos/ecs-0260.jpg"><img src="awards/photos/thumbnails/ecs-0260.jpg" alt="" /></a></li>
          <li><a href="awards/photos/ecs-0266.jpg"><img src="awards/photos/thumbnails/ecs-0266.jpg" alt="" /></a></li>
          <li><a href="awards/photos/exxon-award.jpg"><img src="awards/photos/thumbnails/exxon-award.jpg" alt="" /></a></li>
          <li><a href="awards/photos/new-england-award.jpg"><img src="awards/photos/thumbnails/new-england-award.jpg" alt="" /></a></li>
        </ul>
          <script type="text/javascript">
// BeginOAWidget_Instance_2141542: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
    widgetID: "ImageSlideShow",
    injectionType: "replace",
    autoPlay: true,
    displayInterval: 4000,
    transitionDuration: 2000,
    componentOrder: ["view", "controls"],
    plugIns: [  ]
// EndOAWidget_Instance_2141542
          </script></td>
      </tr>
    </table>
<<< --- deleted all the other code for the collabsible panels here  -- >>>
<!--#include file="../../Library/footer.html"-->
<script type="text/javascript">
var CollapsiblePanel17 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel17", {contentIsOpen:false});
var CollapsiblePanel18 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel18", {contentIsOpen:false});
var CollapsiblePanel19 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel19", {contentIsOpen:false});
var CollapsiblePanel20 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel20", {contentIsOpen:false});
var CollapsiblePanel22 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel22", {contentIsOpen:false});
</script>
</body>
</html>
Thank you to anyone who can help me figure this out.

None of the below javascript files found on your server which you include in your code:
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryDOMUtils.js
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryDOMEffects.j s
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryWidget.js
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryPanelSet.js
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryFadingPanels .js
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryImageLoader. js
http://www.ecs.org/html/aboutECS/Spry-UI-1.7/includes/SpryImageSlideSh ow.js
Post working link for above javascript file

Similar Messages

  • Background IMG won't show up in browser IEXPLORE

    I have a div tag called "banner" in which I have used our company logo as a background image. I can't figure out why it's not showing up when I preview the page in Internet Explorer. It is showing up in the design page just fine. Below is my code:
    <!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>INDEX</title>
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFFEE8;
    #CONTAINER {
    padding: 0px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color: #FFFEE8;
    background-image: url(../Graphics/LOGOS%20AND%20BANNER/GRADIENT%20BACKGROUND%205-8-12.png);
    width: auto;
    #HOLDER {
    padding: 0px;
    height: auto;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color: #FFFEE8;
    color: #FFFEE8;
    #WRAPPER {
    background-color: #Fffee8;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
    #HEADER {
    padding: 0px;
    height: auto;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-weight: bold;
    color: #903;
    #BANNER {
    padding: 0px;
    height: 175px;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-image: url(/Graphics/LOGOS%20AND%20BANNER/MASTER%20BANNER%20CHUNK.jpg);
    background-repeat: no-repeat;
    #NAVBAR {
    padding: 5px;
    height: 17px;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-size: small;
    text-transform: capitalize;
    color: #666;
    font-family: "Felix Titling", "Engravers MT";
    font-weight: bold;
    background-color: #FFFEE8;
    vertical-align: baseline;
    #CONTENTAREA {
    padding: 15px;
    height: 525px;
    width: 190px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color: #424EDD;
    float: left;
    color: #FFFEE8;
    font-family: "Felix Titling", "Freestyle Script";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 5px;
    #RIGHTCONTENTAREA {
    padding: 5px;
    float: right;
    height: 545px;
    width: 750px;
    background-image: url(../Graphics/PURPLEBACKGROUND.jpg);
    background-repeat: no-repeat;
    #MAINCONTENT {
    padding: 0px;
    height: 600px;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color: #FFFEE8;
    #LOWERPAGECONTENT {
    padding: 0px;
    height: auto;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-repeat: repeat;
    background-position: center center;
    background-color: #FFFEE8;
    text-align: center;
    .DARKGRAYFONT {
    font-family: "Felix Titling", "Engravers MT";
    font-size: large;
    font-style: normal;
    text-transform: capitalize;
    color: #333;
    #FOOTER {
    padding: 0px;
    height: 150px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-image: url(../Graphics/MORGAN%27S%20PIC.jpg);
    background-repeat: repeat;
    width: 980px;
    GREENFONT {
    color: #6C6;
    GREENFONT {
    color: #696;
    .GREENFONT {
    color: #6C6;
    .PINKFONT {
    color: #F0F;
    .BLUEFONT {
    color: #00F;
    #CONTAINER #HOLDER #LOWERPAGECONTENT a {
    color: #000;
    a:link {
    color: #999;
    text-decoration: none;
    body,td,th {
    font-family: Felix Titling, Engravers MT;
    font-size: 14px;
    color: #333;
    a:visited {
    text-decoration: none;
    a:hover {
    text-decoration: underline;
    a:active {
    text-decoration: none;
    -->
    </style></head>
    <body bgcolor="#FFFee8">
    <div id="CONTAINER">
    <div id="HOLDER">
        <div id="WRAPPER">
          <div class="GREENFONT" id="HEADER"></div>
          <div id="BANNER"></div>
          <div id="NAVBAR">ABOUT US | CONTACT US | BOARD OF DIRECTORS | VISION &amp; MISSION | <span class="BLUEFONT">GET INVOLVED</span> | <span class="GREENFONT">DONATE NOW</span> | <span class="PINKFONT">VOLUNTEER</span> | AFFILIATES</div>
        </div>
        <div id="MAINCONTENT">
          <div id="CONTENTAREA">
            <p>Adult rec</p>
            <p>adult training facilities</p>
            <p>after school program</p>
            <p>agency with choice</p>
            <p>aktion club</p>
            <p>challenger baseball</p>
            <p>early intervention</p>
            <p>education &amp; therapy</p>
            <p>equipment loan</p>
            <p>family living</p>
            <p>lip sync'</p>
            <p>newsletter</p>
            <p>summer rec</p>
            <p>t-ball</p>
            <p>teen club</p>
            <p>training &amp; transition </p>
          </div>
          <div id="RIGHTCONTENTAREA">
            <CENTER>
              <!-- Facebook Badge START -->
              <p><a href="http://www.facebook.com/pages/Mifflin-Juniata-Special-Needs-Center-Inc/129756770511336" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Mifflin Juniata Special Needs Center, Inc"></a>          </p>
              <p> </p>
              <p><br/>
                <iframe width="420" height="315" src="http://www.youtube.com/embed/YGnvqGlbnMU" frameborder="0" allowfullscreen></iframe>
                <!-- Facebook Badge END -->
              </p>
              <p>ACCEPT. SUPPORT. EMPOWER. </p>
            </CENTER>
          </div>
        </div>
        <div class="DARKGRAYFONT" id="LOWERPAGECONTENT"><!-- Facebook Badge START -->
          LIKE US ON FACEBOOK!
          <br/>
          <a href="http://www.facebook.com/pages/Mifflin-Juniata-Special-Needs-Center-Inc/129756770511336" target="_TOP" title="Mifflin Juniata Special Needs Center, Inc"><img src="http://badge.facebook.com/badge/129756770511336.205.1774125909.png" style="border: 0px;" /></a><br/>
        <a href="https://www.facebook.com/advertising" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" title="Make your own badge!">STAY UP TO DATE ON EVENTS, MJSNC NEWS, &amp; SPECIAL ACTIVITES</a><!-- Facebook Badge END --></div>
    </div>
      <div id="FOOTER"></div>
    </div>
    </body>
    </html>

    Your CSS code could sure use a good cleansing. 
    body,td,th {
    font-family: Felix Titling, Engravers MT;
    /**USE WEB SAFE FONTS**/
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    color: #333;
    body {
    margin:0;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #FFFEE8;
    #CONTAINER {
    padding: 0px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color: #FFFEE8;
    background-image: url(../Graphics/LOGOS%20AND%20BANNER/GRADIENT%20BACKGROUND%205-8-12.png);
    width: auto;
    #HOLDER {
    padding: 0px;
    height: auto;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color: #FFFEE8;
    color: #FFFEE8;
    #WRAPPER {
    background-color: #Fffee8;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
    #HEADER {
    padding: 0px;
    height: auto;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-weight: bold;
    color: #903;
    #BANNER {
    padding: 0px;
    height: 175px;
    min-height: 175px;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    /**AVOID USING SPACES IN FILE NAMES**/
    background-image: url(../Graphics/LOGOS%20AND%20BANNER/MASTER%20BANNER%20CHUNK.jpg);
    background-repeat: no-repeat;
    #NAVBAR {
    padding: 5px;
    height: 17px;
    min-height:17px;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-size: small;
    text-transform: capitalize;
    color: #666;
    font-family: "Felix Titling", "Engravers MT";
    font-weight: bold;
    background-color: #FFFEE8;
    vertical-align: baseline;
    #CONTENTAREA {
    padding: 15px;
    height: 525px;
    min-height: 525px
    width: 190px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color: #424EDD;
    float: left;
    color: #FFFEE8;
    font-family: "Felix Titling", "Freestyle Script";
    font-size: 12px;
    font-weight:bold;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 5px;
    line-height:1;
    #RIGHTCONTENTAREA {
    padding: 5px;
    float: right;
    height: 545px;
    min-height:545px;
    width: 750px;
    background-image: url(../Graphics/PURPLEBACKGROUND.jpg);
    background-repeat: no-repeat;
    #MAINCONTENT {
    padding: 0px;
    height: 600px;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-color: #FFFEE8;
    #LOWERPAGECONTENT {
    padding: 0px;
    height: auto;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-repeat: repeat;
    background-position: center center;
    background-color: #FFFEE8;
    text-align: center;
    .DARKGRAYFONT {
    font-family: "Felix Titling", "Engravers MT";
    font-size: large;
    font-style: normal;
    text-transform: capitalize;
    color: #333;
    #FOOTER {
    padding: 0px;
    height: 150px;
    min-height:150px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-image: url(../Graphics/MORGAN%27S%20PIC.jpg);
    background-repeat: repeat;
    width: 980px;
    GREENFONT {
    color: #6C6;
    GREENFONT {
    color: #696;
    .GREENFONT {
    color: #6C6;
    .PINKFONT {
    color: #F0F;
    .BLUEFONT {
    color: #00F;
    #CONTAINER #HOLDER #LOWERPAGECONTENT a {
    color: #000;
    a {text-decoration:none}
    a:link {
    color: #999;
    text-decoration: none;
    a:visited {
    text-decoration: none;
    a:hover {
    text-decoration: underline;
    a:active {
    text-decoration: none;
    Nancy O.

  • Images won't show up in browser

    Hi everyone,
    I am working on publishing my first website, which is also my porfolio. For some reason all the image links are broken or something? I have gone into dreamweaver and tried re-linking them, but they still aren't showing up? I have no idea how to fix this, and your help would be greatly appreciated.
    Currently i have the first page uploaded: www.meganpowell.ca
    Thanks
    Megan

    Hi Megan,
    Your code has some critical errors that need fixing and you haven't uploaded images to your server yet.
    On line 44 of code view, change all this:
    </head>
    <div id="main icon"><a href="Home Page2.html"><img src="pictures1/Home page icon.jpg" width="600" height="540" align="right" /></a></div>
    <body leftmargin="100 px" topmargin="100 px" marginwidth="100 px" marginheight="100 px">
    to just this:
    </head>
    <body>
    <div id="main icon"><a href="HomePage2.html"><img src="pictures1/Homepageicon.jpg" width="600" height="540"></a></div>
    IMPORTANT!  Don't use spaces in your folder, file or image names because they don't translate well on the web.  You can use hyphens or underscores between words but not spaces or any other special characters.
    Nancy O.

  • Media Browser won't show some textures that are right there by the rest?

    Hello, ever since the upgrade to Studio the Media browser will not see 4 and a half categories of Textures. Noise thru Urban won't show in Media browser menu? Tried moving the files and used LiveType preferences but that didn't work either. They are on my Primary drive so that isn't the problem. All the rest of them work fine. They are in the exact same place as the working files. Anybody have an answer? Thank you. Daniel

    See the reply under Where are the Effects? I copied the files from my laptop and installed them on my G5. Now it all works! How simple is that? They should have installed from the discs however, but they don't. Hope this helps.

  • I want to save an instrument I created in GB 5.0.2, but it won't show up in

    It won't show up in the menu. I get this error:
    You have chosen not to show your own settings. If you save the file now it won't show in the browser unless you change your view options in the Track Info window.
    Pretty annoying - I didn't "chose" to not show my settings....
    Help!

    Pretty annoying - I didn't "chose" to not show my settings....
    you selected something other than "show all" in the popUp menu over the presets list

  • Spry Menu Bar Submenu won't show in Safari or Dreamweaver LiveView

    I am trying to get my submenu to show up on my website's spry menu bar. It will show up when I test the site using firefox or IE but it won't show when I try LiveView in Dreamweaver or when I test using Safari. The site is www.fuseut.com/fuse
    Here are is the CSS for the menubar:
    @charset "UTF-8"; /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      cursor: default;      width: auto; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive {      z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      position: relative;      text-align: left;      cursor: pointer;      width: 125px;      float: left;      font-family: "MS Serif", "New York", serif;      overflow: visible; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      z-index: 50;      cursor: default;      width: 7em;      position: absolute;      left: -1000em; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {      left: auto; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li {      width: 7em; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul {      position: absolute;      margin: -5% 0 0 95%; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {      left: 0;      top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul {      border: 1px solid #CCC; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a {      display: block;      cursor: pointer;      padding: 0.5em 0.75em;      color: #FFF;      text-decoration: none;      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;      text-align: center;      background-image: url(../menubgdefault.png); } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {      color: #FFF002;      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {      color: #FFF002;      text-decoration: underline;      font-weight: bold; } /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu {      background-image: url(SpryMenuBarDown.gif);      background-repeat: no-repeat;      background-position: 95% 50%;      background-color: #999; } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {      background-image: url(SpryMenuBarRight.gif);      background-repeat: no-repeat;      background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {      background-image: url(SpryMenuBarDownHover.gif);      background-repeat: no-repeat;      background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {      background-image: url(SpryMenuBarRightHover.gif);      background-repeat: no-repeat;      background-position: 95% 50%; } /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe {      position: absolute;      z-index: 1010;      filter:alpha(opacity:0.1); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection {      ul.MenuBarHorizontal li.MenuBarItemIE      {           display: inline;           f\loat: left;           background: #FFF;      } }
    And here is the HTML code:
    <!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" xmlns:spry="http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>FUSE UT</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <script src="SpryAssets/xpath.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryData.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    #apDiv1 {
         position:absolute;
         left:0px;
         top:135px;
         width:551px;
         height:269px;
         z-index:2;
         visibility: visible;
    #apDiv2 {
         position:absolute;
         left:685px;
         top:150px;
         width:203px;
         height:270px;
         z-index:1;
    #apDiv3 {
         position:absolute;
         left:684px;
         top:149px;
         width:200px;
         height:267px;
         z-index:2;
    #HomeEvents {
         position:fixed;
         left:683px;
         top:151px;
         width:200px;
         height:263px;
         z-index:1;
         background-image: url(Components/EventsPic.png);
         visibility: visible;
         overflow: hidden;
    #HomeEvents {
         position:absolute;
         left:550px;
         top:-1px;
         width:200px;
         height:265px;
         z-index:2;
    #EventsXML {
         position:absolute;
         left:1px;
         top:43px;
         width:199px;
         height:223px;
         z-index:3;
         visibility: visible;
         overflow: scroll;
    #apDiv4 {
         position:absolute;
         left:-1px;
         top:265px;
         width:753px;
         height:325px;
         z-index:3;
         background-image: url(home1.png);
    -->
    </style>
    <script type="text/javascript">
    <!--
    var event = new Spry.Data.XMLDataSet("events.xml", "catalog/event", {sortOnLoad: "date", sortOrderOnLoad: "descending"});
    var event2 = new Spry.Data.XMLDataSet("events.xml", "catalog/event", {sortOnLoad: "date", sortOrderOnLoad: "ascending"});
    event2.setColumnType("date", "date");
    //-->
    </script>
    <meta name="Keywords" content="fuse ut utk university of tennessee tommy jervis avery howard ross rowland angie sessoms sga campaign elections" />
    </head>
    <body>
    <div id="container">
    <div id="header">
    </div>
    <div id="menubarparent" style="z-index: 20; position: absolute; overflow: visible;">
    <div id="menubar" style="z-index: 10;">
    <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="index.html">FUSE</a>      </li>
        <li><a href="senators.html" class="MenuBarItemSubmenu">Senators</a>
          <ul>
            <li><a href="#">Untitled Item</a></li>
          </ul>
        </li><li><a href="executive.html">Executive</a>      </li>
        <li><a href="policy.html">Policy</a></li>
        <li><a href="organizations.html">Organizations</a></li>
        <li><a href="bios.html" class="MenuBarItemSubmenu">Bios</a>
          <ul>
            <li><a href="#">Untitled Item</a></li>
          </ul>
        </li>
      </ul>
      </div>
      </div>
      <p>
      <p>
      <div id="apDiv1">
        <div id="apDiv4"></div>
        <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="265" wmode="transparent">
          <param name="movie" value="Components/CandidatesHomeSlideshow.swf" />
          <param name="quality" value="high" />
           <param name="wmode" value="transparent" />
          <param name="swfversion" value="6.0.65.0" />
          <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="Components/CandidatesHomeSlideshow.swf" width="550" height="265" wmode="transparent">
            <!--<![endif]-->
            <param name="quality" value="high" />
              <param name="wmode" value="transparent" />
            <param name="swfversion" value="6.0.65.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
            <div>
              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            <!--[if !IE]>-->
          </object>
          <!--<![endif]-->
        </object><div id="HomeEvents">
          <p> </p>
          <p> </p>
          <div id="EventsXML">
            <div spry:region="event2">
              <dl spry:repeatchildren="event2">
                <dt>{date}</dt>
                <dd>{title}</dd>
                <dd>{location}</dd>
              </dl>
            </div>
          </div>
        </div>
      </div>
      <p> </p>
      <p> </p>
      <p> </p>
      <p> </p>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    swfobject.registerObject("FlashID");
    //-->
    </script>
    </body>
    </html>
    Sorry if it's something really basic...I'm a noob to web design.
    Thanks!

    Don't use reserved words in JS
    var event = new Spry.Data.XMLDataSet("events.xml", "catalog/event", {sortOnLoad: "date", sortOrderOnLoad: "descending"});
    event is such a reserved word. If you change this to event1 then all is well.
    I hope this helps.
    Ben

  • Homemade Apple Loops (w/Loops Utility) won't show up in Loop Browser

    I just finished making a whole batch of homemade Apple Loops. Through Logic I opened up each audio file in the Apple Loops Utility, marked its tempo, marked "Looped" and then did the transients window to make sure it sounded good, then did "Save" or "Save All" from the Apple Loops Utility task tray.
    I then dumped that folder full of custom loops into my loop browser for catalog'ing, but for some reason only about 10 of them show up when I click "All" to see all the loops in that folder.
    So I re-opened the entire batch in Apple Loops Utility and made tiny changes to each loop's transients, just enough to trigger the dot next to the loop that means "you need to save these changes" - and I resaved the entire batch.
    Tried the add-to-loop-browser process again, and again, only those initial 10 loops showed up in the browser again. The remaining 190 won't pop up.
    I can't figure out what's missing or what I did wrong.  Any ideas?
    Kirby

    FIXED!
    If you run into this same problem:
    In order for your homemade loops to show up in Logic's Loop Browser, when in the Apple Loops Utility you need to select at least one "Descriptor" - if you don't, the loop won't appear in the browser.  Even if you don't need a Descriptor, just batch-select all of your loops in the tray and then pick 1 Descriptor, resave, and re-drop into Apple's Loop Browser.
    Kirby

  • Itunes browser window won't show on mac

    Since yesterday the jukebox browser window in itunes for mac won't open or show. I had version 8.01 installed. The mini browser window does show. I've tried deleting and reinstalling itunes but it still won't show. I've also tried altering preferences. this is in the administrator account, and I can still get itunes to work OK in other accounts. It seems that itunes is working otherwise, but as a result I can't access the itunes store or choose music. I'm concerned that I can't synch my ipod and iphone properly as I can't see what might be happening.

    I'm an Apple Authorized Service Provider and just had a customer with the same issue (which is how I found this post). After much troubleshooting including deleting preferences and creating test user accounts, the problem was as simple as can be. The iTunes window was open the whole time, but was dragged all the way to the lower right hand corner of the display and out of sight. Select Window->Minimize and you should see the Browser window move from whereever it's hiding into the dock. Then click on the window in the dock and you'll see it move back to it's hiding spot. Just drag it to the center of the screen and you're done!

  • IPhoto suddenly won't show windows anymore, help, anyone?

    Since I've been using Lion I expierence all kinds of problems. I regret updating ever since.
    For example, my internet connection keep turning of every couple of minutes (while all other divices at home stay connected). My solution is to turn my wifi off, wait a while and than turn it on again. It's really poor when one uses the best iMac there is. But I guess that's Lion. I got used to it.
    But my question:
    iPhoto suddenly stopped working (at first it did work!). It does start, but it won't show any windows.
    I've deleted the cache, restarted my iMac, no result.
    It all began when I plugged in my iPhone.
    Now I'm no longer able to backup my photo's anymore.
    Can anyone help?
    I've also tried cicking the icon while pressing alt and cmd, for more options, but it doesn't work...
    Hopefully one of you know the solution!
    Thx!
    A.

    Try trash the com.apple.iPhoto.plist file from the HD/Users/ Your Name / library / preferences folder.
    (On 10.7: Hold the option (or alt) key while clicking on the Go menu in Finder to access the User Library)
    (Remember you'll need to reset your User options afterwards. These include minor settings like the window colour and so on. Note: If you've moved your library you'll need to point iPhoto at it again.)
    What's the plist file?
    For new users: Every application on your Mac has an accompanying plist file. It records certain User choices. For instance, in your favourite Word Processor it remembers your choice of Default Font, on your Web Browser is remembers things like your choice of Home Page. It even recalls what windows you had open last if your app allows you to pick up from where you left off last. The iPhoto plist file remembers things like the location of the Library, your choice of background colour, whether you are running a Referenced or Managed Library, what preferences you have for autosplitting events and so on. Trashing the plist file forces the app to generate a new one on the next launch, and this restores things to the Factory Defaults. Hence, if you've changed any of these things you'll need to reset them. If you haven't, then no bother. Trashing the plist file is Mac troubleshooting 101.

  • Photos won't show in Finder

    I have a late 2013 13" MacBook Pro Retina using Yosemite.
    In Finder, under pictures, my iPhoto library won't show pictures. It says there's 12GB of photos, but it won't show the photos. When I click on the iPhoto Library, it will open the iPhoto app and the photos will show, but again, it won't show pictures in Finder. I use to be able to see my photos in Finder.
    It all started when I went to System Preferences and started clicking things under the Sharing tab.
    After this, I noticed I wasn't able to see my photos in Finder. I followed another thread that said to: press control and click on iPhoto library, then click on Show Package Contents, then click on Original folder; however, when I did went through this process, I didn't have a folder that said Original, so I don't know what to do. Please Help me!!

    What Finder window? Are these images in iPhoto?
    There are many, many ways to access your files in iPhoto:   You can use any Open / Attach / Browse dialogue. On the left there's a Media heading, your pics can be accessed there. Command-Click for selecting multiple pics.
    Uploaded with plasq's Skitch!
    (Note the above illustration is not a Finder Window. It's the dialogue you get when you go File -> Open)
    You can access the Library from the New Message Window in Mail:
    Uploaded with plasq's Skitch!
    There's a similar option in Outlook and many, many other apps.  If you use Apple's Mail, Entourage, AOL or Eudora you can email from within iPhoto.
    If you use a Cocoa-based Browser such as Safari, you can drag the pics from the iPhoto Window to the Attach window in the browser.
    If you want to access the files with iPhoto not running:
    For users of 10.6 and later:  You can download a free Services component from MacOSXAutomation  which will give you access to the iPhoto Library from your Services Menu.
    Using the Services Preference Pane you can even create a keyboard shortcut for it.
    For Users of 10.4 and 10.5 Create a Media Browser using Automator (takes about 10 seconds) or use this free utility Karelia iMedia Browser
    Other options include:
    Drag and Drop: Drag a photo from the iPhoto Window to the desktop, there iPhoto will make a full-sized copy of the pic.
    File -> Export: Select the files in the iPhoto Window and go File -> Export. The dialogue will give you various options, including altering the format, naming the files and changing the size. Again, producing a copy.
    Show File:  a. On iPhoto 09 and earlier:  Right- (or Control-) Click on a pic and in the resulting dialogue choose 'Show File'. A Finder window will pop open with the file already selected.    3.b.
    b: On iPhoto 11 and later: Select one of the affected photos in the iPhoto Window and go File -> Reveal in Finder -> Original. A Finder window will pop open with the file already selected.

  • Images won't show up when I try to upload online

    Hi
    I need help to figure out why my photos won't show up when I try to upload them online (e.g. Facebook, Pinterest, Google+). All of my photos are in iPhoto and it used to work fine until I updated to ver 9.3 a coupe of days ago. When I open iPhoto, it shows all the images but when I try to upload something, I couldn't find my photos so I end up copying them to my desktop first which is very inconvenient, especially if I am uploading severa photos. It works alright when I attach photos in Outlook though, so I'm not really sure what I'm doing wrong here. Any help is much appreciated. Thanks a lot!
    PS I did some screen shots if that would help explain things better. By the way, my OS version is 10.7.4, if that is relevant at all?
    This is my iPhoto right now.
    This is how it looks like when I open Photo Browser or attach an image to an email via Outlook.
    This is what it looks like when I try to upload images on to Facebook, Google+, Tumblr, etc.

    Where did you get the phone?
    If you see an ICCID unknown in Settings>General>About, that indicates a catastrophic failure. Very often this is caused by hacking or jailbreaking the phone. It can not be fixed. The phone will have to be replaced.

  • "Mail" won't show my Yahoo mails...

    Hello,
    I'm using three boxes, all Yahoo. Had a minor problem with one of them and the Yahoo people told me they had switched the account to another server to solve the problem (which was actually solved).
    But since then, "Mail" won't show the incoming mail. The activity indicator shows "x" mails having been collected but they don't show either on he screen or next to the account name...
    One exception: as I tried to cancel then re-create the faulty account, it does collect messages the first time it opens...but then afterwards nothing shows although mails are showed to have been collected.
    The other two boxes I use with Yahoo are collected without any problem.
    Yahoo can't or won't help...
    Anybody with an idea ??? Could the problem be linked with changing the server ? But then how is it hat mails are shown to have been collected by he activity counter even if they don't appear on he screen or next to he account name ?
    Many thanks and greetings from southern France.
    JP/

    no one knew why i couldn't get my messages from the pop server at att/yahoo into my mail on my mac. there were no answered questions to the support topic why can i see mail activity....messages on the server, but not coming into the mail box? sending is fine, but for some reason, it suddenly stopped 3 days ago and for 3 days i searched for a fix. the only way i found this was a mail access error on the web mail thru att.yahoo where my messages showed up (they were also showing up on the i phone, not the mac)...had to verify the email....and while waiting, i found the att yahoo help page that cleared the whole problem
    not removing files and putting them back in while opening and shutting mac....all the ports and ssls were checked and correct
    apparently you have to clean your cache
    totally all att's fault
    Web Mail - How do I clear my browser's cache?
    It's true, a clogged cache can slow down and even stop your browser. Who wants that? Not us. Let's get to work clearing your cache. Which browser are you using? Instructions are included below for each of these:
    Firefox 2.x for Windows or Mac
    1. For Windows or Mac, click Tools and select Clear Private Data.
    2. In the window that opens, select whichever items you'd like to clear. When you're done, click Clear Private Data Now.
    Safari 3 for Mac
    1. In the Safari menu, click Empty Cache. That's it!
    2. To also clear the History, click the History menu and click Clear History (at the bottom).

  • I updated iTunes to 11.1.4 and now my iPhone 4S won't show up in iTunes.

    I updated iTunes on my laptop to 11.1.4 and now my iPhone 4S won't show up in iTunes.  I have WIndows 8.  My iPhone shows up there, just not in iTUnes as a device.

    https://discussions.apple.com/message/24636376#24636376
    gck55
    Jan 25, 2014 6:00 AM (in response to rcpalladino)
    Windows 8.1, 64bit
    It appears that the 64bit install messed up the device drivers for the Apple mobilie devices connecting as USB.
    I tried many things, I may have missed a step below.  But the following is what I believe was the fix - since it worked on a 2nd PC.
    Make sure you are using an administrator account.  Any of them on your machine will do for the following
    a) Get Windows to restart the drivers:
        - disconnect your USB device and close ITunes
        - connect your USB device
        - if ITunes loads, close it.
    b) File explorer:
    Open File explorer and browse to
    C:\Program Files\Common Files\Apple\Mobile Device Support\Drivers
    In that folder there should be a set of files named "usbaapl64...."
    right click on the one ending in "INF"
    Select Install.  It's very quick.
    remove the USB device
    c) Restart the computer.
    When you login again, load ITunes before you attach your USB device.

  • Help needed with spry image slide show

    Im new to dw and am currently building a site for my buisness.  I installed a spry image slide show and it works fine in live view but when I view it on the web
    it was looking for sever .js files. I then checked out the spry forums and noticed that it seems to be a common problem. I tried removing the ui1.7 file from the server and reloading,tried removing from local and remote and reloading, tried to change the line <script.src=spry-ui-1.7 etc. to the adobe site as per gramps advise to another having the same issue.  Now when I view on the web the slideshow wheel keeps turning but images donot apear.  Im lost and can use some help, enclosed is my code also sight is www.patsiga.net
    <!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>pats iga supermarket</title>
    <link href="main.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
    <script src="http://labs.adobe.com/technologies/spry/ui/includes/SpryWidget.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryPanelSelector.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SprySliderPanels.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryFilmStrip.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryThumbnailFilmStripPlugin.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryTitleSliderPlugin.js" type="text/javascript"></script>
    <script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    body {
    background-color: #AF692A;
    </style>
    <link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2141543: #frontpageslideshow */
    #frontpageslideshow {
    width: 960px;
    margin: 0px 0px 0px 0px;
    border: solid 0px #aaaaaa;
    background-color: #FFFFFF;
    padding-top: 0px;
    #frontpageslideshow .ISSName {
    top: -24px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    text-transform: uppercase;
    color: #AAAAAA;
    #frontpageslideshow .ISSSlideTitle {
    top: -18px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    overflow: hidden;
    color: #AAAAAA;
    text-transform: none;
    #frontpageslideshow .ISSClip {
    height: 361px;
    margin: 0 0px 0px 0px;
    border: solid 0px #ffffff;
    background-color: #ffffff;
    #frontpageslideshow .ISSControls {
    top: 0px;
    height: 361px;
    #frontpageslideshow .FilmStrip {
    height: 0px;
    background-color: #CCCCCC;
    #frontpageslideshow .FilmStripPreviousButton, #frontpageslideshow .FilmStripNextButton {
    width: 10px;
    height: 0px;
    #frontpageslideshow .FilmStripTrack {
    height: 0px;
    #frontpageslideshow .FilmStripContainer {
    height: 0px;
    #frontpageslideshow .FilmStripPanel {
    height: 0px;
    padding-left: 10px;
    margin-right: 0px;
    #frontpageslideshow .FilmStripPanel .ISSSlideLink {
    margin-top: 10px;
    border: solid 1px #AAAAAA;
    background-color: #FFFFFF;
    #frontpageslideshow .FilmStripPanel .ISSSlideLinkRight {
    border: solid 1px #AAAAAA;
    width: 56px;
    height: 47px;
    margin: 4px 4px 4px 4px;
    #frontpageslideshow .FilmStripCurrentPanel .ISSSlideLink {
    background-color: #ffffff;
    border-color: #000000;
    #frontpageslideshow .FilmStripCurrentPanel .ISSSlideLinkRight {
    border-color: #AAAAAA;
    /* EndOAWidget_Instance_2141543 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2141543" binding="#frontpageslideshow" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body>
    <div class="container">
      <div class="header"><!-- end .header --><a href="index.html"><img src="images/logoimg.jpg" width="259" height="136" alt="pats_logo" /></a><img src="images/H1180T2.jpg" width="699" height="120" alt="header_graphic" /></div>
      <div class="container">
        <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a href="weekly_ad.html" title="weekly ad">Weekly ad</a></li>
          <li><a href="recepies.html" title="recepies">Recepies</a></li>
          <li><a href="entertainment.html" title="entertaining" class="MenuBarItemSubmenu">Entertaining</a>
            <ul>
              <li><a href="bakery_brochure.html" title="bakery_brochure">Bakery brochure</a></li>
              <li><a href="deli_platters.html" title="Deli_platters">Deli platters</a></li>
              <li><a href="catering_menu.html" title="Catering_menu">Catering Menu</a></li>
            </ul>
          </li>
          <li><a href="pats_best.html" title="pats best">Pat's Best</a></li>
          <li><a href="organics.html" title="organics">Organics</a></li>
          <li><a href="gift_cards.html" title="gift cards">Gift Cards</a></li>
          <li><a href="#" title="departments" class="MenuBarItemSubmenu">Departments</a>
            <ul>
              <li><a href="meats.html" title="dept_meats">Meats</a></li>
              <li><a href="seafood.html" title="dept_seafood">Seafood</a></li>
              <li><a href="deli.html" title="Dept_deli">Deli</a></li>
              <li><a href="prep_foods.html" title="Dept_prep_foods">Prepared Foods</a></li>
              <li><a href="produce.html" title="dept_produce">Produce</a></li>
              <li><a href="bakery.html" title="Dept_bakery">Bakery</a></li>
            </ul>
          </li>
        </ul>
        <p> </p>
        <ul id="frontpageslideshow" title="">
          <li><a href="images/fall.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-1.jpg" alt="photos-1.jpg" /></a></li>
          <li><a href="images/apples.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-10.jpg" alt="photos-10.jpg" /></a></li>
          <li><a href="images/pumpkinsoup.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-11.jpg" alt="photos-11.jpg" /></a></li>
          <li><a href="images/roast.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-12.jpg" alt="photos-12.jpg" /></a></li>
          <li><a href="images/applepie.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-13.jpg" alt="photos-13.jpg" /></a></li>
        </ul>
        <script type="text/javascript">
    // BeginOAWidget_Instance_2141543: #frontpageslideshow
    var frontpageslideshow = new Spry.Widget.ImageSlideShow("#frontpageslideshow", {
    widgetID: "frontpageslideshow",
    widgetClass: "BasicSlideShowFS",
    injectionType: "replace",
    autoPlay: true,
    displayInterval: 4500,
    transitionDuration: 2000,
    componentOrder: ["name", "title", "view", "controls", "links"],
    sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
    plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin ],
    TFSP: { pageIncrement: 4, wraparound: true }
    // EndOAWidget_Instance_2141543
        </script>
    <p>Since this is a one-column layout, the .content is not floated. </p>
        <h3>Logo Replacement</h3>
        <p>An image placeholder was used in this layout in the .header where you'll likely want to place  a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
        <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
        <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
      <!-- end .content --></div>
      <div class="footer">
        <p><a href="about_us.html" title="about_us">About Us</a><a href="#">  </a>   <a href="employment.html" title="employment">Employment</a>    <a href="store_info.html" title="store_info"> Store Info.</a>     <a href="#" title="contact_us">Contact Us</a>    <a href="terms_of_use.html" title="terms_of_use">Terms of Use</a>   <a href="privacy.html" title="Privacy_policy"> Privacy Policy</a><br />
    &copy;2011 Pat's IGA     <br />
        </p>
        <!-- end .footer --></div>
      <!-- end .container --></div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    Your spry assets folder MUST be in the same folder as that of your webpage with the slideshow (html, php... whatever)
    Check your folder configuration on the server by clicking on the "Remote Button" on the DW Assets Tab.
    Example 1:  This will not work:
    WEBPAGE HERE:    /server/public/myfolder/slideshow.html
    SPRY ASSETS HERE:  /server/public/SpryAssets/....your javascript files
    Example 2: This will work:
    WEB PAGE HERE:  /server/public/myfolder/slideshow.html
    SPRY ASSETS HERE:  /server/public/myfolder/SpryAssets/....your javascript files
    Hope this helps.

  • Preloader in Captivate won't show up in Firefox (It does in IE7)

    Hello
    I got a problem using the preloader in Captivate.
    I exported the file with a preloader (one of the Captivate preloader not one of my own). The preloader is set to 40% (but same happens using 20% and 100%)
    If i have a look at the file in Internet Explorer the preloader shows shortly, then the eLearning starts. Fine.
    In Mozilla Firefox (Version 3.5.1) the Preloader won't show up, problem is: In Firefox the eLearning needs a bit more time to load, so here it would be necessary to show the preloader. I just see the empty screen and then after some seconds the eeLearning starts.
    I haven't found any information about this. Flashplugin is the same in both browser. (Latest 10.0.22.87)
    OPERA behaves exactly like Mozilla FIrefox, no preloader is shown, longer loading times
    Has anybody a solution for this?
    Where is Captivate storing the Information about the preloader (Percentage, File of preloader) I can't find anything in the html file.
    best regards
    captiware

    Hi Captiware,
    I have similar problems. However, to confuse matters, it is just the other way round: My preloader works in Firefox 3 but not in IE 6!
    This problem appeared only after upgrade to Captivate 4. Unfortunately not solution/explanation yet.
    Best regards
    Jan

Maybe you are looking for