.gif slide show?

How to create a .gif slide show?
I've currently animated a slide show as a quicktime movie (with hidden controller, autoplay & looped) which works pretty well. But I guess a .gif would be quicker and more universal?
What software makes a .gif?
Thanks, Sam.

Actually, it's easier to go straight into ImageReady rather than create a Photoshop file with layers for each photo.
Just put all the photos you want in the "slideshow" in a folder (make sure they are all the right dimensions for your purpose). Then open up ImageReady and look under the File menu. There is an option to "Import Folder as Frames". Select your picture folder and then each photo will show up in the filmstrip as separate frames in the animation. You can then adjust the fading and timing. Then save as "optimized GIF". That's it.
==> www.DirtDoog.com <==</a>
Place A Virtual Pin On Putt-Putt's GuestMap!

Similar Messages

Can I make a non-flash slide show using Fireworks, with JPEGs not GIFs?

Can I make a non-flash slide show using Fireworks, with JPEGs not GIFs?

Look to using jQuery instead of Flash. There are a variety of redy-made solutions available, just search Google or visit the Dreamweaver forum and ask there.

Can I make a non-flash slide show using Flash, with JPEGs not GIFs?

Since Flash .swf is not supported in iOS. I wanted to make a simple photo slide show with high quality JPEGs. How can I do this?

Look to using jQuery instead of Flash. There are a variety of redy-made solutions available, just search Google or visit the Dreamweaver forum and ask there.

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome

Problem with jquery slide show conflict with vertical navigation menu in Firefox & Chrome. Works in IE. This is my first time trying to post a question - so please be kind. I am also not good with code and am finding css a real challenge after learning to design based on tables. I'm using CS5.
The "test" page with the slide show is: http://www.reardanwa.com/index-slides.html   The same page without the slide show is http://www.reardanwa.com/
I realize the images are not ideally sized - I'll fix those once I get the pages to function. Maybe I need a different slide show? I would prefer a widget that I can modify to required size & postition. Again - I'm not good at building with code from scratch.
The problem is the naviagation links that are directly next to the slide show do not work in Firefox of Chrome. They do work in IE.
I've read about using jQuery.noConflict(); code but can't figure out the correct way to use it in my case or whether that's even part of the solution. I know my code is not well organized as I have cobbled together from various sources in an attempt to format the page the way the client wants it. Also, FYI, I will eventually try to make the page work in Surreal CMS.
I've spent sevaral days over the last several weeks trying to solve sth slide show/navigation conflict - so any specific light you can shed will be much appreciated.
Thanks in advance.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reardan Area Chamber of Commerce</title>
<meta name="description" content="home page for Reardan Area Chamber of Commerce" />
<meta name="keywords" content="Reardan WA, chamber of commerce" </>
<script src="scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cycle.all.js" type="text/javascript"> </script>
<script type="text/xml">
</script>
<style type="text/css">
                              #slideshow {
                                  padding: 10px;
                                        margin:0;
                              #slideshow-caption{
                                        padding:0;
                                        margin:0;
                              #slideshow img, #slideshow div {
                                  padding: 10px;
                                  background-color: #EEE;
                                  margin: 0;
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background: #004B8D;
          margin: 0;
          padding: 0;
          color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
          padding: 0;
          margin: 0;
h1, h2, h3, h4, h5, h6, p {
          margin-top: 0;           /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
           /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
.left
position:absolute;
left:0px;
.center
margin:auto;
width:95%;
.box
          position:relative;
          left:-90px;
          width:950px;
          height:350px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          z-index:1000;
.slide{
    position:absolute;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
          border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
          color: #42413C;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #6E6C64;
          text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
          text-decoration: none;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
          width: 960px;
          min-height:900px;
          padding:5px 0px 0px 0px;
          background: #E8F8FF;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
          background: #E8F8FF;
          padding:10px 5px 0px 5px;
.sidebar1 {
          float: left;
          width: 225px;
          margin: 60px;
          color: #FFFF0D;
          background: #595FFF;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
          padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
    z-index:-1;
.sidebar2 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:2;
.sidebar3 {
          float: left;
          width: 275px;
          color: #FFFF0D;
          text-align: left;
          background: #595FFF;
          padding-bottom: 10px;
          border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border: 3px solid #F7F723;
    z-index:3;
.content {
          padding: 0px 0px 0px 0px;
          width: 780px;
          float: left;
          background: #E8F8FF;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0px 15px 5px 10px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
          list-style: none; /* this removes the list marker */
          border-top: 0px solid #FFFF66; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
          margin-bottom: 50px; /* this creates the space between the navigation on the content below */
          font: Arial Black, Verdana, , Helvetica, sans-serif;
          font-size:1.3em;
          font-weight:bold;
          z-index:2;
ul.nav li {
          border-bottom: 0px solid #FFFF66; /* this creates the button separation */
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
          padding: 3px 0px 5px 0px;
          display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
          width: 185px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
          text-decoration: none;
          color: #FFFF0D;
          background: #595FFF;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
          background: #595FFF;
          font: 120%/1.4 Arial Black, Verdana, , Helvetica, sans-serif;
          color: #FFFFFF;
/* ~~ The footer ~~ */
.footer {
          padding: 10px 0;
          background: #595FFF;
          color: #FFFF0D;
          position: relative;/* this gives IE6 hasLayout to properly clear */
          clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
          float: right;
          margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
          float: left;
          margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
          clear:both;
          height:0;
          font-size: 1px;
          line-height: 0px;
-->
</style>
</head>
<body>
<div class="container">
<div class="header">
<a href="#"><img src="images/Chamber-Logo-2.gif" alt="Reardan Chamber Logo" width="187" height="163" hspace="10" vspace="5" align="top" /></a><img src="images/Reardan-Chamber-Title.gif" width="476" height="204" alt="Reardan Area Chamber of Commerce, Dedicated to Preserving and Enhancing Area Businesses" /><p></p>
<p style="color: #F00">This Site is under construction! Please pardon our dust as we create!</p>
</div>
<div class="sidebar1">
    <ul class="nav">
      <li><a href="about.html">About Us</a></li>
      <li><a href="history.html">Reardan History</a></li>
      <li><a href="activities.html">Activities</a></li>
      <li><a href="business.html">Business<br />
        Directory</a></li>
      <li><a href="about.html">Join the<br />
        Chamber</a></li>
       <li><a href="links.html">Links<br />
  <span style="font-size: 85%">Tourism</span><br />
      </a></li>
    </ul>
     </div>
<br />
<br />
<br />
<br />
<div class="box" +"slide">
<script type="text/javascript">
// BeginOAWidget_Instance_2559022: #slideshow
                           slideshowAddCaption=true;
$(window).load(function() {
$('#slideshow').cycle({
                    after:                              slideshowOnCycleAfter, //the function that is triggered after each transition
                    autostop:                              false,     // true to end slideshow after X transitions (where X == slide count)
                    fx:                                        'blindX',// name of transition effect
                    pause:                              false,     // true to enable pause on hover
                    randomizeEffects:          true, // valid when multiple effects are used; true to make the effect sequence random
                    speed:                              100, // speed of the transition (any valid fx speed value)
                    sync:                              true,     // true if in/out transitions should occur simultaneously
                    timeout:                    5000, // milliseconds between slide transitions (0 to disable auto advance)
                    fit:                              true,
                    height:                       '300px',
                    width:         '525px'   // container width (if the 'fit' option is true, the slides will be set to this width as well)
function slideshowOnCycleAfter() {
          if (slideshowAddCaption==true){
                              $('#slideshow-caption').html(this.title);
// EndOAWidget_Instance_2559022
</script>
<div id="slideshow">
    
    <img src="images/100_1537.jpeg" width="600" height="450" title="caption for image1" /> <img src="images/Parade-2011-2.jpg" width="300" height="225" title="caption for image2" /> <img src="images/100_1495.jpeg" width="600" height="450" title="caption for image3" />
    <div title="sample title"> Images for slide show will need to be re-sized to fit box to avoid distortion</div>
    <img src="images/beach4.jpg" width="200" height="200" title="caption for image4" /> <img src="images/beach5.jpg" width="200" height="200" title="caption for image5" /> </div>

<div id="slideshow-caption"></div></div>
<div class="sidebar2" "anotherClass editable"><p align="center"><strong>Chamber News</strong><br />
Local News item
<br />
Another New item</p>
<p align="center">lots of news this week<br />
    <br />
    <br />
    <br />
</p>
</div>
<div class="sidebar3" "anotherClass editable"><p align="center"><strong>Upcoming Events</strong></p>
<div align="center">    <a href="activities.html" style="color: #FFFF0D">Community wide yard sales</a><br />
    <br />
    <br />
    <br />
    <br />
</div>
</div>
<div class="content"><br />
<br />
</div>
<div class="footer">
        <p align="center"><span style="font-size: small">Reardan Area Chamber of Commerce</span><br />
          <span style="font-size: x-small">[email protected] - 509.796.2102</span><br />
        </p>
        
</div></body>
</html>

If you DO want the slideshow overlaping the navigation try the below css:
.sidebar1 {
    float: left;
    width: 225px;
    margin: 60px 0px 60px 60px;
    color: #FFFF0D;
    background: #595FFF;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    padding: 5px 5px 0px 5px;
    border: 3px solid #F7F723;
.box {
float: left;
margin-left:-60px;
width:700px;
height:350px;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;

Slide show does not work

I created a slide show. It works really well on the Prieview with a browser. Once I put it on the web it does not work. here is the code.
<%@LANGUAGE="JAVASCRIPT"
CODEPAGE="65001"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">

<title>Untitled Document</title>
<style type="text/css">
/* BeginOAWidget_Instance_2141542: #ImageSlideShow */
#ImageSlideShow.ImageSlideShow {
    width: 300px;
    height: 300px;
    border: solid 5px #000000;
#ImageSlideShow .ISSClip {
    background-color: #333333;
/* EndOAWidget_Instance_2141542 */
</style>

<style type="text/css">
#apDiv16 {
    position: absolute;
    left: 267px;
    top: 289px;
    width: 402px;
    height: 331px;
    z-index: 14;
    border: thick ridge rgb(0,0,255);
</style>
<style type="text/css">
#apDiv17 {
    position: relative;
    left: 687px;
    top: 287px;
    width: 346px;
    height: 65px;
    z-index: 15;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    font-style: italic;
</style>
<style type="text/css">
#apDiv18 {
    position: absolute;
    left: 814px;
    top: 318px;
    width: 254px;
    height: 369px;
    z-index: 16;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 3px;
    color: rgb(0,0,0);
    font-weight: bold;
#apDiv18 P FONT {
    color: rgb(0,0,0);
#apDiv18 P FONT {
    font-weight: normal;
</style>
<style type="text/css">
#apDiv19 {
    position: absolute;
    left: 301px;
    top: 280px;
    width: 426px;
    height: 328px;
    z-index: 1000;
</style>
<style type="text/css">
#apDiv20 {
    position: absolute;
    left: 314px;
    top: 319px;
    width: 437px;
    height: 312px;
    z-index: 16;
</style>
<style type="text/css">
#apDiv21 {
    position: absolute;
    left: 273px;
    top: 231px;
    width: 520px;
    height: 23px;
    z-index: 16;
    font-size: 18px;
</style>
<style type="text/css">

</style>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<style type="text/css">
#apDiv8 {
    position: absolute;
    left: 70px;
    top: 66px;
    width: 1280px;
    height: 41px;
    z-index: 8;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-weight: bold;
#apDiv2 {
    position: absolute;
    left: 11px;
    top: 213px;
    width: 140px;
    height: 308px;
    z-index: 9;
</style>
<link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<style type="text/css">
#apDiv3 {
    position: absolute;
    left: 302px;
    top: 321px;
    width: 654px;
    height: 466px;
    z-index: 10;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 10px;
    border-top-width: thick;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(0,51,255);
#apDiv7 {
    position: absolute;
    left: 2px;
    top: 35px;
    width: 302px;
    height: 326px;
    z-index: 7;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 5px;
    font-weight: normal;
    color: #666;
#apDiv9 {
    position: absolute;
    left: 270px;
    top: 302px;
    width: 382px;
    height: 295px;
    z-index: 11;
    border: thick solid rgb(0,51,255);
.style12 {font-size: 18pt}
#apDiv7 P FONT {
    color: rgb(0,0,0);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
#apDiv10 {
    position: absolute;
    left: 4px;
    top: 164px;
    width: 131px;
    height: 293px;
    z-index: 999;
#apDiv11 {
    position: absolute;
    left: 670px;
    top: 298px;
    width: 268px;
    height: 61px;
    z-index: 13;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    color: #000;
.container .content #apDiv11 P FONT {
    color: rgb(0,0,0);
#apDiv13 {
    position: absolute;
    left: 134px;
    top: 230px;
    width: 864px;
    height: 551px;
    z-index: 13;
#apDiv14 {
    position: absolute;
    left: 151px;
    top: 252px;
    width: 605px;
    height: 278px;
    z-index: 13;
#apDiv15 {
    position: absolute;
    left: 98px;
    top: 392px;
    width: 1350px;
    height: 496px;
    z-index: 13;
#apDiv16 {
    position: absolute;
    left: 339px;
    top: 249px;
    width: 724px;
    height: 37px;
    z-index: 900;
    border-bottom-width: thick;
    border-bottom-style: solid;
    border-bottom-color: rgb(255,0,0);
#apDiv17 {
    position: absolute;
    left: 50;
    top: 266px;
    width: 620px;
    height: 1;
    z-index: 13;
    background-color: #FF0000;
#apDiv22 {
    position: absolute;
    left: 132px;
    top: 50px;
    width: 40px;
    height: 46px;
    z-index: 1000;
    color: #FFF;
#apDiv23 {
    position: absolute;
    left: -103px;
    top: 340px;
    width: 800px;
    height: 3;
    z-index: 10;
    border-top-width: thick;
    border-top-style: groove;
    border-top-color: rgb(255,0,0);
#apDiv30 {
    position: absolute;
    height: 30px;
    width: 1000px;
    left: -102px;
    top: 288px;
</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<style type="text/css">
#apDiv16 {
    position: absolute;
    left: 264px;
    top: 326px;
    width: 402px;
    height: 331px;
    z-index: 14;
    border: thick ridge rgb(0,0,255);
</style>
<style type="text/css">
#apDiv17 {
    position: absolute;
    left: 687px;
    top: 324px;
    width: 346px;
    height: 65px;
    z-index: 15;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
</style>
<style type="text/css">
#apDiv18 {
    position: absolute;
    left: 687px;
    top: 392px;
    width: 254px;
    height: 358px;
    z-index: 16;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    line-height: 0px;
</style>
<style type="text/css">
#apDiv19 {
    position: absolute;
    left: 214px;
    top: 293px;
    width: 952px;
    height: 375px;
    z-index: 101;
</style>
<style type="text/css">
#apDiv22 {
    position: absolute;
    left: 216px;
    top: 286px;
    width: 906px;
    height: 348px;
    z-index: 17;
#apDiv24 {
    position: absolute;
    left: 70px;
    top: 518px;
    width: 785px;
    height: 113px;
    z-index: 1000;
#apDiv25 {
    position: absolute;
    left: 222px;
    top: 361px;
    width: 115px;
    height: 250;
    z-index: 7;
</style>
<link href="../Spry-UI-1.7/css/SpryImageSlideShow.css" rel="stylesheet" type="text/css">
<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>
<script type="text/xml">

</script>

</head>
<body>
<div>Content for New Div Tag Goes Here</div>
<div>Content for New Div Tag Goes Here</div>
<container class="container">
<div id="apDiv1">

<div id="apDiv25">
<ul id="ImageSlideShow">
    <li><a href="../images/bent_shank_wnuts.jpg"><img src="../images/src/bent_shank_wnuts.jpg" alt="" /></a></li>
    <li><a href="../images/champion_rivet_at_operator.JPG"><img src="../images/src/champion_rivet_at_operator.JPG" alt="" /></a></li>
    <li><a href="../images/coining.jpg"><img src="../images/src/coining.jpg" alt="" /></a></li>
    <li><a href="../images/dry_box_workers.jpg"><img src="../images/src/dry_box_workers.jpg" alt="" /></a></li>
    <li><a href="../images/laser_shlomo.jpg"><img src="../images/src/laser_shlomo.jpg" alt="" /></a></li>
<li><a href="../images/lung-blocker-white-gowns.jpg"><img src="../images/src/lung-blocker-white-gowns.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: [ Spry.Widget.ImageSlideShow.PanAndZoomPlugin ]
// EndOAWidget_Instance_2141542
</script>
</div>
<div id="apDiv23"></div>

NOGAH
<div id="apDiv5">Machine Designers & Builders</div>
<div id="apDiv4">smart innovative engineering </div>
</div>

<div id="apDiv15">
<p> </p>
</div>

<div class="header"><a href="#"><img src="../images/logoN.jpg" alt="Insert Logo Here" name="Insert_logo" width="100" height="150" id="Insert_logo" style="color: #F00; text-transform: uppercase; font-size: 40px; font-family: 'Arial Black', Gadget, sans-serif; display: block;"></a>
</div>
<div class="content">
    <div id="apDiv6" style="left: 100px; top: 170px">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="index.html">Home</a>        </li>
        <li><a href="facility.html">Our Facility</a></li>
        <li><a href="about%20us.html">About Us</a></li>
<li><a href="contact%20us.html">Contact Us</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">Medical</a>
          <ul>
            <li><a href="lung%20blocker%20bed%20mounted.html">Lung Blocker Bed Mounted</a></li>
            <li><a href="lung%20blocker%20stand.html">Lung Blocker Stand</a></li>
            <li><a href="couch.html">Radiation Couch</a></li>
            <li><a href="lab%20bench.html">Lab Bench</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Biotech</a>
          <ul>
            <li><a href="mega%20base%20SH.html">Mega Base Dispensing S.H</a></li>
            <li><a href="mega%20base%20DH.html">Mega Base Dispensing D.H</a></li>
            <li><a href="filling%20machine.html">Liquid Filling Machine</a></li>
            <li><a href="powder%20dispenser.html">Powder Dispensing</a></li>
            <li><a href="capper.html">Capper</a></li>
            <li><a href="laser%20labeler.html">Laser Labeler</a></li>
            <li><a href="racker.html">Vial Racker</a></li>
            <li><a href="dry%20box.html">Glove Box</a></li>
            <li><a href="heat%20seal.html">Sealing Press</a></li>
</ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Polymers</a>
          <ul>
            <li><a href="lid%20stacking.html">Lid Stacking</a></li>
            <li><a href="heat%20staking%20machine.html">Heat Staking</a></li>
            <li><a href="tire%20assembly.html">Roller Assembly</a></li>
            <li><a href="lint%20trap.html">Lint Trap</a></li>
            <li><a href="bosch.html">Dryer Assembly</a></li>
            <li><a href="marbal.html">Cooling Tower</a></li>
            <li><a href="jar%20trimming.html">Jar Trimming</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Fasteners</a>
          <ul>
            <li><a href="bent%20shank.html">Bent Shank </a></li>
            <li><a href="lug%20nuts%20tapping%20machine.html">Lug Nuts</a></li>
            <li><a href="round%20small%20nuts.html">Rivets Tapping</a></li>
            <li><a href="knurling.html">Knurling</a></li>
            <li><a href="eyebolts.html">Eye Bolts</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Feeding</a>
          <ul>
            <li><a href="feeding%20with%20vision.html">Using Vision</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">Metal</a>
          <ul>
            <li><a href="champion.html">Rail Road</a></li>
            <li><a href="assembly.html">Assembly</a></li>
            <li><a href="coining.html">Coining</a></li>
            <li><a href="pointing.html">Pointing</a></li>
            <li><a href="damper%20assembly.html">Damper Assembly</a></li>
            <li><a href="fomo.html">Notching</a></li>
            <li><a href="nut%20welder.html">Nut Welding</a></li>
            <li><a href="soundwich.html">Dashboard</a></li>
            <li><a href="water%20pump.html">Drilling</a></li>
            <li><a href="rotor_deburing.html">Deburing</a></li>
          </ul>
        </li>
        <li><a href="#" class="MenuBarItemSubmenu">General</a>
          <ul>
            <li><a href="road%20construction.html">Road Construction</a></li>
            <li><a href="large%20hose.html">Large Hose Mfg. Drive</a></li>
          </ul>
        </li>
        <li><a href="IMTS%20show.html">IMTS Show</a></li>
        <li><a href="http://www.yedaengineering.com/">Yeda LLC</a></li>
      </ul>
</div>
<h2> </h2>
    <p class="MenuBarHorizontal"> </p>
    <p> </p>
<p class="style12"> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
</div>
<div class="footer">
    <div id="apDiv8">Nogah Engineering 1800 London Road Unit C Cleveland Ohio 44112 USA Tel: 216.738.1730 Fax: 216.738.1770 </div>
    <p> </p>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Thanks.

All these supporting files are missing (404 not found on server).
<link href="../Spry-UI-1.7/css/SpryImageSlideShow.css" rel="stylesheet" type="text/css">
<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>
Upload Spry-UI-1.7 folder to your remote server by clicking the folder and hitting the UP arrow in your Files Panel.
Also, validate your code and fix reported errors. You have unbalanced div tags.
HTML - http://validator.w3.org/
Nancy O.

How do you add a video clip to a slide show?

How do you add a video clip to a slide show using elements 12?

You can import some very short video clips into Photoshop and make gifs. I can import short (10 second or so) .mvi video clips I've taken with my point and shoot camera.
Use File ->Import->Video Frames to Layers
CS3 doesn't recognize .mvi files until you enter *.* in the box, hit load, then find the file you want.
After the file has been loaded, go to Windows, and check Animation.
After the Animation bar loads, go to the right side arrow, check Make Frames from Layers.
Then Save for Web and Devices, and you've got your gif.
I find it much easier to use the separate software.

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">

</script>
</head>
<body>
<div class="container">
<div class="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>
</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 />
©2011 Pat's IGA     <br />
    </p>
    </div>
</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.

Slide Show Screen Saver Superimposed Images Flag or Ball -- Bug?

Hi,
I have searched and found two other archived questions on this topic, but no real answers. Please help!
I have the screen saver set to do a slide show from the Pictures folder, where I have lots of family photos. This works fine, but about every 10th photo or so, it shows the picture, and the next image is the same photo, with a weird low-res ("jagged edges"), blown-up (full-screen), icon-like image in the middle, superimposed upon my image. It's usually circular, often has a national flag or comic scheme to it, sometimes has a face, and always has effects to make it look round like a ball, which it usually is in shape (though sometimes it's not circular). When I look, my images have not been altered recently and don't seem affected, so the problem seems to reside in the system, right?
I'm not a techie but I have used Mac since 1985 and remember reading several years back in one of the Mac mags about such a problem -- whether termed a trojan or whatever. I do have all my old Mac data and apps in a folder on my mini, so it's possible it could have been pulled over from my last Mac and a remnant of some prior vulnerability. But I've never seen this behavior before OSX, neither Norton nor ClamXav finds a problem, and I can't seem to find ref to that article by net searching or here. What causes this, and how can I solve it? It really bothers my mother-in-law to see pix of her grandkids with weird flags superimposed on them, and I'm wondering if this is some Mac problem with more serious consequences not yet discovered by Norton or ClamXav. Thanks.
P.S. Here's the text of one of the archived messages:
Screen saver
Posted: Oct 3, 2006 11:24 AM
Whenever the slide show runs from my pictures out of iphoto on my screen saver, other pictures appear occasionally on top of my pictures. They are usually other country flags or weird shapes with jagged edges. Any idea how to keep this from happening or where these other pictures are coming from? Thanks.
Mini Mac OS X (10.4.8)

The problem is not with the screensaver but rather that the Pictures folder insists on having the iChat flags alias inside it. Since the screensaver recognizes aliases I have moved all my photos out of the "Pictures" folder and into another folder called "Pictures not screensaver". This is because the screensaver will show ALL pictures in the Pictures folder regardless of how embarassing they are. That leaves the Pictures folder for just aliases to pictures or folders of pictures. This allows me to control exactly what pictures are shown on the screensaver. It is an area of OSX that needs some improvement.
Regarding the superimposed images, that is normal. Those iChat icons are transparent, while JPGs are not transparent. Screensaver piles newer pictures on top of older pictures. If it piles transparent images such an GIF or PNG on top of previous pictures they may be transparent and cause an alarming effect.
I have imagined this feature could be used in some cool way but have never seen anyone do it. For example, nice JPG backgrounds with semi-transparent PNGs on top with zooming animals. I suspect Apple will introduce such a screensaver in 10.5.

Having trouble with spry image slide show

Im new to dw and i inserted a image slide show into my index.htm file, it works fine when i preview it in dw cs5.5. When I try it on a web browser I get a dialog box that says that the spry panel selector .js requires spry widget.js and continues thru several other dialog boxes until my website loads only to see my image slideshow as a list. Im not sure if its in the code or the support files can anyone help? I would greatly appreciate it if someone can set me on the right path with this, Thank you in advance.
<!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="Spry-UI-1.7/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: #9D5F16;
</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: 951px;
    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">

</script>
</head>
<body>
<div class="container">
<div class="header"><a href="index.html"><img src="images/logoimg.jpg" width="259" height="136" alt="logo" /></a><img src="images/topheader.jpg" width="701" height="136" alt="header_logo" /></div>
<div class="content">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="#">Weekly Ad</a>      </li>
      <li><a href="#">Recepies</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Entertaining</a>
        <ul>
          <li><a href="#">Bakery Brochure</a></li>
          <li><a href="#">Deli Platters</a></li>
          <li><a href="#">Catering Planner</a></li>
        </ul>
      </li>
      <li><a href="#">Pat's Best</a></li>
      <li><a href="#">Organics</a></li>
      <li><a href="#">Gift Cards</a>      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Departments</a>
        <ul>
          <li><a href="#">Meats</a></li>
          <li><a href="#">Deli</a></li>
          <li><a href="#">Prepared Foods</a></li>
          <li><a href="#">Seafood</a></li>
          <li><a href="#">Produce</a></li>
          <li><a href="#">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="fall.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="apples.jpg" /></a></li>
      <li><a href="images/applepie.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-11.jpg" alt="applepie.jpg" /></a></li>
      <li><a href="images/pumpkinsoup.jpg" title=""><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-12.jpg" alt="pumpkinsoup.jpg" /></a></li>
      <li><a href="images/roast.jpg" title="r"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-13.jpg" alt="roast.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>
Since this is a one-column layout, the .content is not floated.
    Logo Replacement
    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.
    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.    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.) </div>
<div class="footer">
    <p>About us Other Services Employment Contacy us Terms of use Privacy Policy</p>
    </div>
</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.

Wants to made a slide show

Hi... it’s Danish
I want to create a slide show with sliding effect just like a
film strip, i have got an fla in which the swf picks an xml file
and made its slide show but i want this slide show in a flm strip,
i am new in flash scripting so please tell me in detail how can we
do this, i will be very thankfull if u create a demo fla for me. i
am also sending u that Fla which i got from site (
http://www.actionscript.org/forums/showthread.php3?p=555317)......
src="/webforums/forum/images/i/expressions/face-icon-small-smile.gif"
border="0">
Thanks a lot in advance.....
Sending u that url for reference, check its sliding style...
http://www.slide.com/arrange

http://www.slide.com/arrange
this is the link I want to create (not the default settings,
customize its style into sliding) I dont want to use any third
party plugin or any auto slide show tool.
Dear plz plz plz do something i will be very thankfull to u
:o)

Adobe MUSE. Logo not showing when full screen slide show is above header...

In Adobe Muse.
When I set the homepage slide show to 100% width and bring it full bleed to the top of the page, the logo gets covered up. Everything else shows, the tabs and fly outs, but the logo disappears. The only difference is the logo is a GIF file. Anyone know what I am doing wrong?
The GIF is set to be the top object and is pinned to the top left corner.
Any help is appreciated.
-Bobby

Hi,
Kindly add a new layer (via the layers panel), move the logo to this new layer; and ensure that this layer is on top of the rest.
Hope that helps,
Sonam

SWF slide show does not play

I need some help with a Fireworks swf slide show.
This is the web page:
http://www.shortlifeweb.com/DrTedScott/index1.html
And here is a hard link to the slide show:
http://www.shortlifeweb.com/DrTedScott/images/slideshow.swf
The slideshow.swf works fine, so I think the files and swf
are properly located.
However, in the index1.html, the slideshow does not play.
Any help would be appreciated.
Ken.

To make things simple, I created a blank page - no template,
no formatting. And it still does not play.
According to some of the tutorials I have seen, the slide
show should play within Dreamweaver, but it doesn't play there
either.
Thanks.
http://www.shortlifeweb.com/DrTedScott/slideshow_test.html
I am including the entire 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">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550"
height="400" id="FlashID" title="showing_photos">
<param name="movie" value="images/slideshow.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />


<object type="application/x-shockwave-flash"
data="images/slideshow.swf" width="550" height="400">

<param name="quality" value="high" />
<param name="wmode" value="opaque" />

<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>

</object>

</object>
<script type="text/javascript">

</script>
</body>
</html>

"Slide show" for a web page

Hi all! I have a client who wants me to make a slide show to go on his web page. Up until now, I've been creating animated gifs. But now he wants the slides to fade or dissolve in to one another. I can do this in iMovie. But... the slide show has to be a specific size. I'm not sure in iMovie how to make a specifically sized movie. Plus, I'm not sure of the best way to save it. SWF? I've posted on the iMovie forum, but didn't get any helpful responses. I've looked online for help, but apparently I'm not using the right search criteria. All I find are instructions on making movies to run off of a computer.... not on a web page.
Oh... it also needs to loop continuously. Is this a setting I set in Dreamweaver? Animated gifs are set to loop when I create them in Photoshop. But I couldn't figure out how to do this in iMovie.
Thank you!
Julie

LMGTFY: http://www.google.com/search?q=jquery+slideshow
Mylenium

How to prepare ppt slide show in jpanel

i was preapared that but it was displayed on desktop...but i want to display the slide show on jpanel.

i was write this code ..but it was some problem..
* To change this template, choose Tools | Templates
* and open the template in the editor.
package ppt;
* @author jtangent02
import java.awt.BorderLayout;
import java.awt.Button;
import java.awt.Color;
import java.awt.Component;
import java.awt.Dimension;
import java.awt.FlowLayout;
import java.awt.Panel;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.File;
import java.util.ArrayList;
import java.util.List;
import javax.swing.BorderFactory;
import javax.swing.DefaultListModel;
import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFileChooser;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JList;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.ListCellRenderer;
import javax.swing.ListSelectionModel;
import javax.swing.event.ListSelectionEvent;
import javax.swing.event.ListSelectionListener;
import javax.swing.filechooser.FileFilter;
public class SlideShow1 extends JFrame {
private JPanel contentPanel = null;
private JPanel displayPanel = null;
private JPanel viewPanel = null;
private JPanel buttonPanel = null;
private JButton buttonBrowse = null;
private JFileChooser browseFileChooser = null;
private JList slideImageList = null;
private JScrollPane imageListScrollPane = null;
private DefaultListModel listModel = null;
private JLabel picture = null;
private JLabel slide = null;
private JScrollPane pictureScrollPane = null;
private JScrollPane slideScrollPane = null;
private JButton first = null;
private JButton previous = null;
private JButton next = null;
private JButton last = null;
private JButton submit = null;
private File selectedFiles[] = null;
private int currentSlideIndex = 0;
private File firstImageFile = null;
private File previousImageFile = null;
private File nextImageFile = null;
private File lastImageFile = null;
private File submittedImageFile = null;
private List submittedImageFileList = new ArrayList();
public SlideShow1() {
super();
initialize();
private void initialize() {
System.out.println("Frame displayed");
this.setTitle("Slide Show");
this.setSize(875, 548);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
contentPanel = new JPanel();
contentPanel.setLayout(null);
contentPanel.add(getDisplayPanel());
contentPanel.add(getViewPanel());
contentPanel.add(getButtonPanel());
this.setContentPane(contentPanel);
this.setVisible(true);
private JPanel getDisplayPanel() {
displayPanel = new JPanel();
displayPanel.setLayout(null);
displayPanel.setBounds(0, 0, 350, 522);
displayPanel.setBorder(BorderFactory.createEtchedBorder());
picture = new JLabel();
pictureScrollPane = new JScrollPane(picture);
pictureScrollPane.setBounds(0, 0, 350, 480);
displayPanel.add(pictureScrollPane);
buttonBrowse = new JButton();
buttonBrowse.setText("Browse");
buttonBrowse.setBounds(125, 490, 80, 20);
browseFileChooser = new JFileChooser();
browseFileChooser.addChoosableFileFilter(new PPTFilter());
browseFileChooser.addChoosableFileFilter(new ImageFilter());
browseFileChooser.setMultiSelectionEnabled(true);
buttonBrowse.addActionListener(new BrowseButtonListener());
displayPanel.add(buttonBrowse);
return displayPanel;
private class BrowseButtonListener implements ActionListener {
public void actionPerformed(ActionEvent arg0) {
int returnVal = browseFileChooser.showOpenDialog(SlideShow1.this);
if (returnVal == JFileChooser.APPROVE_OPTION) {
first.setVisible(true);
previous.setVisible(false);
next.setVisible(true);
last.setVisible(true);
submit.setVisible(true);
selectedFiles = browseFileChooser.getSelectedFiles();
currentSlideIndex = 0;
firstImageFile = selectedFiles[currentSlideIndex];
putImageInLabel(firstImageFile,slide);
submittedImageFile = null;
submittedImageFileList = new ArrayList();
} else {
System.out.println("Cancelling the action");
private class ImageFilter extends FileFilter {
public final static String JPEG = "jpeg";
public final static String JPG = "jpg";
public final static String GIF = "gif";
public boolean accept(File f) {
if (f.isDirectory()) {
return true;
String extension = getExtension(f);
if (extension != null) {
if (extension.equals(JPEG) || extension.equals(JPG)
|| extension.equals(GIF)) {
return true;
} else {
return false;
return false;
public String getExtension(File f) {
String ext = null;
String s = f.getName();
int i = s.lastIndexOf('.');
if (i > 0 && i < s.length() - 1) {
ext = s.substring(i + 1).toLowerCase();
return ext;
public String getDescription() {
return "Images(*.gif, *.jpeg, *.jpg)";
private class PPTFilter extends FileFilter {
public final static String PPT = "ppt";
public boolean accept(File f) {
if (f.isDirectory()) {
return true;
String extension = getExtension(f);
if (extension != null) {
if (extension.equals(PPT)) {
return true;
} else {
return false;
return false;
public String getExtension(File f) {
String ext = null;
String s = f.getName();
int i = s.lastIndexOf('.');
if (i > 0 && i < s.length() - 1) {
ext = s.substring(i + 1).toLowerCase();
return ext;
public String getDescription() {
return "Presentations(*.ppt)";
private void putImageInLabel(File imageFile, JLabel label)
System.out.println("Image File is "
+ imageFile.getName());
String selectedFilePath = imageFile.getAbsolutePath();
String selectedFileName = imageFile.getName();
String extension = selectedFileName.substring(selectedFileName.lastIndexOf("."));
if (extension.equalsIgnoreCase(".ppt")) {
System.out.println("Image file is ppt"
+ imageFile.getName());
label.setIcon(null);
label.setText("Displaying Presentation...");
Thread pptRunnerThead = new Thread(new PPTRunner(selectedFilePath));
pptRunnerThead.start();
} else {
ImageIcon newImage = new ImageIcon(selectedFilePath);
label.setIcon(newImage);
label.setPreferredSize(new Dimension(newImage.getIconWidth(),
newImage.getIconHeight()));
label.revalidate();
public class ImageListSelectionListener implements ListSelectionListener {
public void valueChanged(ListSelectionEvent e) {
if (e.getValueIsAdjusting())
return;
JList list = (JList) e.getSource();
if (list.isSelectionEmpty()) {
slide.setIcon(null);
} else {
File selectedImage = (File) list.getSelectedValue();
System.out.println("Selected Image is "
+ selectedImage.getName());
String selectedFilePath = selectedImage.getAbsolutePath();
String selectedFileName = selectedImage.getName();
String extension = selectedFileName.substring(selectedFileName.lastIndexOf("."));
if (extension.equalsIgnoreCase(".ppt")) {
System.out.println("Selected Image is ppt"
+ selectedImage.getName());
slide.setIcon(null);
slide.setText("Displaying Presentation...");
Thread pptRunnerThead = new Thread(new PPTRunner(selectedFilePath));
pptRunnerThead.start();
} else {
ImageIcon newImage = new ImageIcon(selectedFilePath);
slide.setIcon(newImage);
slide.setPreferredSize(new Dimension(newImage.getIconWidth(),
newImage.getIconHeight()));
slide.revalidate();
private class PPTRunner implements Runnable{
String pptFile = null;
PPTRunner(String pptFile)
this.pptFile = pptFile;
public void run() {
try {
Runtime r = Runtime.getRuntime();
String[] command = {
"C:\\Program Files\\Microsoft Office\\Office12\\POWERPNT.EXE",
"/s", pptFile};
r.exec(command);
} catch (Exception ex) {
System.out.println(ex);
private JPanel getViewPanel() {
viewPanel = new JPanel();
viewPanel.setLayout(new BorderLayout());
viewPanel.setVisible(true);
viewPanel.setBounds(350, 0, 520, 480);
viewPanel.setBorder(BorderFactory.createEtchedBorder());
slide = new JLabel();
slideScrollPane = new JScrollPane(slide);
viewPanel.add(slideScrollPane, BorderLayout.CENTER);
return viewPanel;
private JPanel getButtonPanel() {
buttonPanel = new JPanel();
buttonPanel.setLayout(null);
buttonPanel.setVisible(true);
buttonPanel.setBounds(350, 480, 520, 42);
buttonPanel.setBorder(BorderFactory.createEtchedBorder());
ButtonPanelListener buttonPanelListener = new ButtonPanelListener();
first = new JButton("|<<");
first.setBounds(20, 10, 80, 20);
buttonPanel.add(first);
first.addActionListener(buttonPanelListener);
first.setVisible(false);
previous = new JButton("<");
previous.setBounds(120, 10, 80, 20);
buttonPanel.add(previous);
previous.addActionListener(buttonPanelListener);
previous.setVisible(false);
next = new JButton(">");
next.setBounds(220, 10, 80, 20);
buttonPanel.add(next);
next.addActionListener(buttonPanelListener);
next.setVisible(false);
last = new JButton(">>|");
last.setBounds(320, 10, 80, 20);
buttonPanel.add(last);
last.addActionListener(buttonPanelListener);
last.setVisible(false);
submit = new JButton("SUBMIT");
submit.setBounds(420, 10, 80, 20);
buttonPanel.add(submit);
submit.addActionListener(buttonPanelListener);
submit.setVisible(false);
return buttonPanel;
private class ButtonPanelListener implements ActionListener {
public void actionPerformed(ActionEvent ae) {
System.out.println("in ButtonPanelListener.actionPerformed");
if ((JButton)ae.getSource() == first) {
System.out.println("Clicked on first");
currentSlideIndex = 0;
firstImageFile = selectedFiles[currentSlideIndex];
putImageInLabel(firstImageFile,slide);
if (previous.isVisible()) {
previous.setVisible(false);
if (!next.isVisible()) {
next.setVisible(true);
} else if((JButton)ae.getSource() == previous) {
System.out.println("Clicked on previous");
if (currentSlideIndex > 0) {
currentSlideIndex = currentSlideIndex - 1;
previousImageFile = selectedFiles[currentSlideIndex];
putImageInLabel(previousImageFile,slide);
if(currentSlideIndex == 0){
previous.setVisible(false);
if (!next.isVisible()) {
next.setVisible(true);
} else if((JButton)ae.getSource() == next) {
System.out.println("Clicked on next");
if (currentSlideIndex < selectedFiles.length - 1) {
currentSlideIndex = currentSlideIndex + 1;
nextImageFile = selectedFiles[currentSlideIndex];
putImageInLabel(nextImageFile,slide);
if(currentSlideIndex == selectedFiles.length - 1){
next.setVisible(false);
if (!previous.isVisible()) {
previous.setVisible(true);
} else if((JButton)ae.getSource() == last) {
System.out.println("Clicked on last");
currentSlideIndex = selectedFiles.length - 1;
lastImageFile = selectedFiles[currentSlideIndex];
putImageInLabel(lastImageFile,slide);
if (!previous.isVisible()) {
previous.setVisible(true);
if (next.isVisible()) {
next.setVisible(false);
} else if((JButton)ae.getSource() == submit) {
System.out.println("Clicked on submit");
submittedImageFile = selectedFiles[currentSlideIndex];
if (!submittedImageFileList.contains(submittedImageFile)) {
submittedImageFileList.add(submittedImageFile);
putImageInLabel(submittedImageFile,picture);
System.out.println("Printing submitted file list");
for (int i = 0; i < submittedImageFileList.size(); i++) {
File currentSubmittedFile = (File)submittedImageFileList.get(i);
System.out.println(currentSubmittedFile.getName());
System.out.println("Printing ended.");
public static void main(String[] args) {
SlideShow1 slideShow = new SlideShow1();
}

Alt Tags on slide shows

Im trying to attach some Alt Tags to a sliding image but not sure how to go about it.
<script type="text/javascript">
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images/template1web.jpg", "", ""]
fadeimages[1]=["images/template2web.jpg", "", ""]
fadeimages[2]=["images/template3web.jpg", "", ""]
fadeimages[3]=["images/template4web.jpg", "", ""]
fadeimages[4]=["images/template5web.jpg", "", ""]
fadeimages[5]=["images/template6web.jpg", "", ""]
fadeimages[6]=["images/Template7web.jpg", "", ""]
fadeimages[7]=["images/Template8web.jpg", "", ""]
fadeimages[8]=["images/Template9web.jpg", "", ""]
fadeimages[9]=["images/template10web.jpg", "", ""]
fadeimages[10]=["images/template11web.jpg", "", ""]
fadeimages[11]=["images/template12web.jpg", "", ""]
var fadebgcolor="white"
              </script>
                      <script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 347, 282, 0, 3000, 0)
                                  </script>
Can anyone help
Many thanks
James

Hi Murray
im guessing you're looking for the script from the .js file which is attached to this slide show
WELL HERE IT IS
Thanks
var stopped = false;
////NO need to edit beyond here/////////////
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=30; //initial opacity degree (10%)
this.init_degree =30;
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
this.Mfadewidth=fadewidth+this.imageborder*2
this.Mfadeheight=fadeheight+this.imageborder*2
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"> <div onmouseover="pauseIT(this, true);" onmouseout="pauseIT(this, false);" id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filte r:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:10;-khtml-opacity:10;backgro und-color:'+fadebgcolor+';"></div><div onmouseover="pauseIT(this, true);" onmouseout="pauseIT(this, false);" id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filte r:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:10;-khtml-opacity:10;backgro und-color:'+fadebgcolor+';"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
showTime = setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
function fadepic(obj){
if (obj.degree<100){
obj.degree+=10;
//alert(obj.degree);
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
          if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
          obj.tempobj.filters[0].opacity=obj.degree
          else //else if IE5.5-
          obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}else if (obj.tempobj.style.opacity){
          obj.tempobj.style.opacity=obj.degree/101
}else if (obj.tempobj.style.KhtmlOpacity){
          obj.tempobj.style.KhtmlOpacity=obj.degree/100
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
fadeshow.prototype.stopit=function()
          clearInterval(fadeclear[fadearray[this.slideshowid].slideshowid]);
          stopped = true;
fadeshow.prototype.rotateimage=function(){
if(!stopped){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
fadeshow.prototype.resetit=function(){
          if(!stopped){
                    this.degree = this.init_degree;
                    var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
                    if (crossobj.filters&&crossobj.filters[0]){
                              if (typeof crossobj.filters[0].opacity=="number") //if IE6+
                              crossobj.filters(0).opacity=this.degree
                              else //else if IE5.5-
                              crossobj.style.filter="alpha(opacity="+this.degree+")"
                    }else if (crossobj.style.opacity){
                              crossobj.style.opacity=this.degree/101
                    }else if (crossobj.style.KhtmlOpacity){
                              crossobj.style.KhtmlOpacity=this.degree/100
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
this.rotateimage()
function pauseIT(obj,state)
          var pausedTD = document.getElementById("pausedTD");
          //obj.style.cursor='e-resize';
          if(this.pausecheck){
                    if(state)
                              pausedTD.innerHTML = '<img src="images/paused2.gif" width="56" height="15" alt="">';
                    else
                              pausedTD.innerHTML = '<img src="images/spacer.gif" width="56" height="15" alt="">';

.gif slide show?

Similar Messages

Maybe you are looking for