Image slide show...

Hi,
If I have a Flash web page with a button and I'd like an
image slide show to launch at the top of the page upon one clicking
the button, plus the slide show container to have the play/pause,
forward, backward controls, along with small numbers 1-10
(appropriate number highlighted for which photo you are viewing)
also...how much time would it be to set up the controls,
actionScript / interactivity? (a guesstimate)
If I'm creating and prepping all images, buttons, etc -- just
need someone to actionScript and set up the controls, how much
would you estimate this would cost and, as above, timeframe in
hours?
Thank you! Just trying to get an idea.

I'm sure I remember a few years ago now a heated discussion
on whether it counts as price fixing to discuss fees in an online
forum.
It really depends on who was doing it. As a guesstimate I'd
say 4-5 hours from scratch which would cover setting it up and
probably one revision. If you were happy to use a component that
was designed for it then a fraction of that time, probably under an
hour. You'll pay more for someone with experience, but then they're
probably faster and the standard of the work will be higher.
In my opinion it's worth paying a little more for a quality
company who may foresee problems you overlook rather than pinching
the pennies, but that's your call.
If you're looking to do it on the cheap then buy a component
and have their technical support set it up (or at least help you)
for free.

Similar Messages

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.

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.

JavaScript image slide show that can support video too?

I am looking for a javascript slide show, that can also support video. Ideally, it would allow for youtube or vimeo videos, but that isn't absolutely necessary. I did some searching, but couldn't find anything. Any help would be greatly appreciated!

I've used this one about a billion times. It's so flexible I haven't had to look anywhere else:
http://www.ndoherty.biz/demos/coda-slider/2.0/

Issues with Spry image slide-show with filmstrip

Hi
I used the widget browser to place a copy of the 'spry image slideshow with filmstrip' widget on to one of my web pages. I now have several issues that I am out of my depth trying to troubleshoot.
There is a big gap (like excess padding) at the top between the outer frame and the main image frame. I can't see how this has arisen or how to correct it.
Although narrow formatted images are centered horizontally in the image window, wide formatted images appear at the top of the image window, and i would like them to be either centered or at the bottom of the image window
The thumbnail images that i created for the filmstrip are tiling rather than appearing as a single centered image which is what i would like.
I have uploaded my test page to the server and you can see it here:
http://www.hebrideansheep.org.uk/test_gallery.html
any and all help gratefully received as i have spent all day trying to sort this out, but as a total amateur I feel like I am drowning.
Many thanks
John

Move
<link href="Spry-UI-1.7/css/ImageSlideShow/basicFS/basic_fs.css" rel="stylesheet" type="text/css" />
to just below
<title>HebWeb: Test gallery</title>
and above
    <style type="text/css">
/* BeginOAWidget_Instance_2141543: #HSS2011images */
#HSS2011images {
    width: 684px;
    margin: 24px 0px 0px 0px;
    border: solid 1px #AAAAAA;
    background-color: #FFFFFF;
    padding-top: 10px;
The style rules that start with the above, are meant to override the rules in basicFS/basic_fs.css, hence they should come after basicFS/basic_fs.css
Gramps

Need help with image slide show using xml

I have a flash document that pulls up images using xml but I
would like for the images to also link to different urls and to be
able to change these links in the XML document. I have included my
code
Also my xml file looks simular to this
<images>
<pic>
<image>images/1.jpg</image>
</pic>
<images>
Please if anyone can help me that would be great. Once again
I would like for these images to be able to link to a url and to
read the url in my XML document.

Here's my quick suggestion:
Add a <link> child element to your <pic> elements
- each <link> would be a sibling of each <image>, like
this:
<pic>
<image>filename.jpg</image>
<link>
http://www.example.com</link>
</pic>
Then, in your loadXML function, add this:
link = []
for(...){
link
= xmlNode.childNodes.childNode[2].firstChild.nodeValue
Finally, in each function where you call picture.loadMovie(),
add a line below it:
picture.onRelease = function(){
getURL(link
Best,
Brian Driscoll
Owner
Driscoll Web Development
http://driscollwebdev.com

Spry image slide show issues

when adding this too my site i get the following errors, when it did work locally
SpryPanelSet.js requires SpryWidget.js!
SpryFadingPanels.js requires SpryPanelSet.js!
SpryImageSlideShow.js requires SpryWidget.js!
SpryPanAndZoomPlugin.js requires SpryImageSlideShow.js!
Ive reuploaded my sprywidget.js multiple times with "non corrupted" versions and used a few i found online all still get the same error.
my code goes as follows
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/twitter_search.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/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/SpryWidget.js" type="text/javascript"></script>
<script src="Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
<style type="text/css">

SpryPanelSet.js requires SpryWidget.js!SpryFadingPanels.js requires SpryPanelSet.js!
SpryImageSlideShow.js requires SpryWidget.js!
SpryPanAndZoomPlugin.js requires SpryImageSlideShow.js!
The above gives you the loading order for each of the 5 JS files.
SpryWidget.js
SpryPanelSet.js
SpryFadingPanels.js
SpryImageSlideShow.js
SpryPanAndZoomPlugin.js
Gramps

Large slide show stopping about every 98th image

I just finished a 644 image slide show. I'm on a Mac intel 9GB ram 1TB HD's Latest Snow Leopard 10.6.5 and iLife 11.
I start out with a black slide then my own title slide and end with a "to be continued" title slide. about 10 acoustic guitar audio songs. My SS stops for about 1 second all freese up and starts from that place still in sync. at abput each 98th image. It stopes at the exact place (image) no matter if I process in Pro Quality, Hight, or best. Also no matter im my audio is aiff, m4a or mp3. I'm burning from within iDVD on Maxell DVD-R and at 2X as it says in iDVD. My images are 720x480 72 dpi. When I burn no other app's are open and I don't do anything on my Mac untill burn is finished. Help please. Oh and my audio songs (insgtrumentals) are edited in Garage Band.

I've been able to minimize, but not eliminate, the pause by following this workflow:
Once you have the project as you want it save it as a disk image via the File ➙ Save as Disk Image menu option. This will separate the encoding process from the burn process.
To check the encoding mount the disk image and launch DVD Player and play it. If it plays OK with DVD Player the encoding was good.
Then burn to disk with Disk Utility or Toast at the slowest speed available (2x-4x) to assure the best burn quality. Always use top quality media: Verbatim, Maxell or Taiyo Yuden DVD-R are the most recommended in these forums.
At best it will be similar to the pause in commercial movie DVDs as they transition from the first layer to the second layer in double laryered disks. The pause will vary on different DVD players. My high end Sony pauses more than my cheaper conbo DVD/VHS Sony player. Go figure.
OT

What is the best import size for slide show images?

I have imported images sized 720 pix on the long end, and I'm not happy with the iDVD 08 quality - the images are soft. It's only a 50 image slide show. Can I use full resolution images and if so does iDVD size them down ? I am exporting Jpegs out of LightRoom so I can make any size/quality required.
Or, is there another app I should try that would give more professional results. I do like the themes in iDVD and the general interface. Is there an app that would perhaps take slide show produced elsewhere (like ProShowGold, SWF n Slide) and produce a theme/menu list/background etc., Soundslides Plus)
I am burning at 1X speed, and Pro encoding.
Thanks

I have imported images sized 720 pix on the long end, and I'm not happy with the iDVD 08 quality - the images are soft.
I'm not sure if you are in NTSC land or PAL land and the recommended sizes are slightly different. See Preparing images for iDVD slideshows at http://docs.info.apple.com/article.html?path=iDVD/7.0/en/6675.html
Can I use full resolution images and if so does iDVD size them down ?
My experience has been the trying to use large, hi-res images actually produces slightly lower image quality than images I have resized and sharpened in Photoshop to the recommended sizes.
Or, is there another app I should try that would give more professional results. I do like the themes in iDVD and the general interface.
I just did some recent test and iDVD '08 gave as high a quality images as any of the others (and was better than iPhoto or iMovie created slideshow movies). It's important to remember that the images on the DVDs we create are low res (640x480 square pixels for NTSC) which is only about 0.3 megapixels. They were designed to be viewed on 'old-fashioned' CRT TV sets which have that same resolution. Viewing such a slideshow full screen on a computer monitor with 4 to 8 times more pixels is less than optimum.
I am burning at 1X speed, and Pro encoding.
Under 4 x is good. Pro encoding is a waste of time for such slideshows- you would get the best quality using 'Best Performance'.
If you ONLY want to view your slideshow on your computer - and NOT on a TV set - there are better, more high-resolution approaches you can take than using iDVD.
F Shippey

Multisegment slide show

I have a 175-image slide show that incorporates 5 separate segments, each with its own music. It is essential that I have the ability to time the appearance of slides to coincide with particular sequences of the sound track for maximum effect. Finally, I wish to transition using a simple dissolve. IMovie seemed to fit all my needs until I saw the degradation in the quality of the individual images compared to what they looked like in iPhoto. It's simply unacceptable. Can anyone suggest an alternative or a means to improve the image quality in iMovie? The slide show will eventually be exported to iDVD.
Thank you.

Correction: iDVD does not destroy the photo quality when it renders our photos.
If there are unrendered clips in the Timeline when we tell iMovie to Share (Export) a project to iDVD, iMovie will ask permission to render those clips. (Rendering converts the clips to video clips.)
These may include still photos, photos imported with the Ken Burns checkbox turned OFF. Photos imported with the Ken Burns checkbox ON are rendered by Ken Burns; iMovie won't ask to render them again.
If we grant permission to render clips, iMovie will render them with very poor quality, adding lots of "jaggies" to the photos. It's a bug.
To avoid the bug, do NOT grant permission to render when iMovie asks. Then iDVD will render them for us, which it does with good quality.
So, to avoid the bug do any ONE of these:
1. Import all photos with the Ken Burns checkbox ON.
2. If iMovie asks permission to render when exporting the project, do NOT grant permission.
3. Instead of sharing from iMovie to iDVD, drop the iMovie project into the iDVD project window.
Karl

How do you insert a slide show into a page in Fireworks or Dreamweaver CS4?

Newbie here. I just made a nice 4 image slide show in FW CS4 (under COMMANDS, CREATE SLIDESHOW) but can't figure out how to insert it into a page in FW or Dreamweaver CS4. My goal is to insert it into a FW page, then send it as a PDF to the boss for review before it goes into Dreamweaver. Can that be done? I assume if you can create the slide show in FW, then you can see it FW - or is that asking too much?? So far, I can create it, then choose to preview it in a browser (and it looks good). But then I click "done" and "x" out of the screen and it's gone. I saved the slideshow in a folder I created on my desktop. When I open the folder I see an images folder, a scripts folder, an "index.html", a "player_black.swf", and a "slideshow.xml". I've tried dragging all of these onto the FW page but nothing happens.. Also, the "insert" button in FW doesn't have a preset for slideshows. Neither manual mentions how to insert it into a FW or DW page.. Any help is greatly appreciated.

Problem solved. Found an import movie within iMovie.

Edge Animate Slide Show cutting of the Animation

I have created a simple 3 image slide show, which previews perfectly in Edge Animate, however when exported as an AOM an then placed into a Dreamweaver html page, then previewed is not displaying correctly. The slide show works as it should, however the 966px W x 322px H slide show is only displaying half of the 322px height.
Any thoughts would be greatly appreciated.

Modifying your embed code in the Dreamwever html file should solve your problem.
Enclose the object tag used to embed the Animate content with a div and the set the dimensions as below
<div style="width:966px;height:322px">
<object style="width:100%;height:100%" src.....></object>
</div>
If this does not solve your problem,can you share or mail me your file?

Simple flash slide-show

Hi,
Can someone help me find a simple images slide show that has
nothing on it but displays and fades from one image to the next in
an images directory?
Any help is appreciated.
Thanks,
Trint

I googled "flash slideshow" and got 25,200,000 returns ;)
www.kirupa.com has one (loads external images)
and www.gotoandlearn.com might have one.
--> **Adobe Certified Expert**
--> www.mudbubble.com
--> www.keyframer.com
Chris Jumonville wrote:
> Basically I want to create a very simple slide show just
like the one on the
> main page at www.bv.com
>
> Is there a article or something anywhere so I can learn
how to do this using
> Flash? Also is there an article on how to create text
that flys in from the
> left or right?
>
>

How do I add an image already in the page to a slide show ?

It seems so simple: I have a couple of images already spread out on a page, but later on I decide to collect them into a simple slide show after all. So I drag this Slide Show widget into place, and now ? Yeah, I know, I should use the button to select new images into it, or drag them as files from my Finder onto the Slide Show. But I already have them sitting on my page ! Isn't there a quicker and better way ? I tried copying and pasting in a lot of ways, and I can change the existing (three) sample images, but it's not even so easy to do it. Anyone ?
BTW, I know I could use Compositions, and at least they offer a simple + button to add extra instances to the widget. But I'd like to these plain vanilla Slide Show widgets in this situation.

Hi,
I used a blank slideshow, and then I dragged an existing image from the page and drop to the slideshow, it works absolutely fine, check this screenshot
is that what you are referring here, or did I miss anything

I want to make a copy of slide show create from my own photographs and with a an audio track behind them. I have carefully followed the iDVD tutorials and burnt the result to a disc but image quality is very poor. What is wrong?

I want to make a DVD of a slide-show with an audio track behind the photographs. I have carefully followed the iDVD video tutorials but the result is far from satisfactory. The quality of the images on the resulting DVD are blurred and indistict although the original photographs are of a very high quality. Where am I going wrong? Would I have better results from a different program than the inbuilt iDVD and if so so what programs have others found to be better? I should be grateful for some expert guidance.

Hey Falcopebo,
Thanks for using Apple Support Communities.
Looks like you have image quality issues when using iDVD to burn.
iDVD 7.0: Burned DVD has interlacing, pixelation, or image quality issues
http://support.apple.com/kb/ht4078
A standard DVD made by iDVD is made to the standard DVD resolution of 720 X 480, which is smaller than most HDTVs and monitors. When expanded to fit the entire screen or monitor, the image will distort slightly due to upscaling to fit the screen or monitor.
Have a nice day,
Mario

Image slide show...

Similar Messages

Maybe you are looking for