Slideshow in CS5

I am trying to put a slideshow in my webpage.
The layout of the page is fairly simple, with 2 rows of images near the top (9 thumbnails in each row), and room for 1 large image in the bottom 2/3 of the page. So ideally, a user will click on a thumbnail and a new large image will occupy the bottom 2/3 of the screen.
I would like to find some way of automatically sorting through the file that my html & images are in, and selecting the images to be enlarged based on their name... Like Image1, Image2, Image3, etc., instead of having to write out every image file name in the html.
I've tried using PictureSlides, a js file that I found online for slideshows, but couldn't get it to work for some reason.
Anyone have any tips or hints?
Rich
Here is a screenshot of the layout.

Muz,
Il est agréable de vous revoir mon ami.
I have changed my mind on the PVII products after experiencing this http://forums.adobe.com/message/3719071#3719071 and http://forums.adobe.com/message/3719608#3719608 among others.
Gramps

Similar Messages

Menu behind spry slideshow dreamweaver cs5?

Using Dreamweaver CS5
Hi. I have a site with a css3 dropdown menu that seems to work fine on all of my pages except my photo gallery page. The menu appears behind the Spry Slideshow with Filmstrip that I got from the Widget Browser.
The site is not live and only on my local machine but here is the page html in a text doc: http://www.210usa.com/index.txt
Here is the main css: http://www.210usa.com/css_prob.txt
Here is the slideshow css: http://www.210usa.com/css_slideshow.txt
I have changed the z index but that is not helping at all. I found this for problems with flash docs but I am a real novice and do not know how to even put these tags in my code. Any help would be greatly appreciated.
Thanks

Grüss Dich sailor,
in my opinion "SpryTabbedPanels" actually only do what they should to do and so it inevitably leads to the covered menu items. I played a little bit around with the width from your "css3menu1/style.css"
height:22px;line-height:22px;border-width:0 0 3px 0;border-style:none;border-color:#009900;border-radius:10px;-moz-border-radius:10px;-webk it-border-radius:10px;padding:3px 10px; width: 650px;}
and I got this:
so you can see what I mean. To correct this you had to put down your "photo gallery for Mystic Pizza II" so far, till there is enough space for the panel. And therefore I would prefer a solution by using a "SpryMenuBarVertical" leftmost on your page (if you mean it's necessary so too on the right).
Glück auf!
Hans-Günter

How to create a slideshow in CS5.5

I have Dreamweaver CS5.5 and want to add a slide show to my index page. I use a PC. I see that widgets are no longer available. What are my options? I have a slideshow on the page but it was created by GoLive6 and I am trying to update that page. Thanks for any help with this issue.
Deva Burns

Dreamweaver is pro-level software for people who understand code. If you can't work with code, DW will continue to punish you.
Copy & paste the following code into a new, blank document in code view. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, Cycle2 Carousel and Fancybox</title>

<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<link href="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.css" rel="stylesheet" media="screen">
<script src="http://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.4/jquery.fancybox.pack.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>
<style>
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
aside {float:left; width:25%; border-right: 1px solid #666; padding:2%;}
article {float:left; width:75%; padding:2%;}
.slideshow img {
border:4px solid #999;
/* pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: relative;
    top: 0;
.cycle-pager span {
    font-family: arial;
    font-size: 75px;
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
.cycle-pager span.cycle-pager-active { color:#09C; }
.cycle-pager > * { cursor: pointer; }
</style>
</head>
<body>
<header>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> Responsive Carousel Slider with <a href="http://fancyapps.com/fancybox/">Fancybox2</a> Viewer</h1>
</header>
<aside>
<h2>Left Aside</h2>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus.
Aenean tristique enim ut ante dignissim.</p>
</aside>
<article>
<h2>Article</h2>

<div class="slideshow"
data-cycle-pause-on-hover="true"
data-cycle-fx="carousel"
data-cycle-timeout="2000"
data-cycle-pager="#pager"
data-cycle-carousel-visible="5"
data-cycle-carousel-fluid="true"
data-cycle-slides="> a"
>

<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 1" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 2" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 3" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 4" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 5" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 6" /></a>
<a class="fancybox" data-fancybox-group="gallery" href="http://placehold.it/500x350.jpg" title="optional captions"><img src="http://placehold.it/160x120.jpg" alt="Thumbnail 7" /></a>

</div>

<div class="cycle-pager" id="pager">

</div>
</article>

<script>$.fn.cycle.defaults.autoSelector = '.slideshow';</script>

<script>
$(document).ready(function() {
$('.fancybox').fancybox();
</script>
</body>
</html>
Nancy O.

How to load and play Flash Slideshow or banner on CS5 Flash player 10.1

The Flash Player 10.1 supports CS5, so the flash slideshow or flash banner designed by CS3 or CS4 can not be loaded or played normally.
To load your flash slideshow into CS5 Flash Player 10.1 or future version, you need to get a Flash Slideshow tool that supports CS Flash Player 10.1.
With such a Flash Slideshow tool ( http://flash.dvd-photo-slideshow.com/demoalbums01.php ) , you can load your flash slideshow into Dreamweaver CS5 and upload it to web directory. After you upload it to internet, it will play well on the CS5 Flash Player 10.1.
Also, if the Flash Slideshow tool will not run normally on your computer if it can not support CS5. To Choose a good Flash Slideshow Software for yourself, you should have a try it on your computer. And you also need to install the CS5 Flash Player 10.1 on your PC at first.

In addition I also can not get html5 video to play in the adobe air app. Would this issue be tied to the above?

CS5 and the slideshow template

I just upgraded from Flash CS4 to CS5 and have discovered that the slide show template is no longer supported.
Does anyone know if flash slideshows will be supported in upcoming versions of the Flash player or will they be discontinued?

Thanks for the ideas!
When I try to open a CS4 fla containing a slideshow with CS5 it gives an error message "Slides and Forms documents are not supported in this version of Flash. Please open in a previous version."
I called Adobe support and was told I would have to reauthor the slide show as a frame based app. After working for several years creating slide based flash presentations this is not good news.
I guess my fear now is that if they dropped support for slides and forms in CS5 will they drop support for them in newer versions of Flash player as well. Yikes! That would sink me for sure.

Encore CS5 slideshow transitions not rendering reliably to DVD

I'm trying to create a relatively simple slideshow DVD in Encore CS5 on Mac (10.6). The slideshow is about 35 images long, and most of the transitions are cross-dissolves. However, there are exceptions: a couple of the transitions have no effect (ie, snap from one slide to the next). All of the slides but one are manual advance.
The problem I'm having is that the cross-dissolve time (most are set to 3 seconds, vs. the default 2) seems to render as a variable length: hit the "next chapter" button on the DVD control, and the transition time might be the requested 3 seconds, but is occasionally zero seconds, or 1 second, or 2 seconds. I haven't been able to find the rhyme or sense behind this, although I haven't devoted much time to studying it either. The settings on each slide appear to be set correctly (ie, transition type set to "Cross-dissolve" and transition time set to 0:00:03:00) in the project.
An additional complication comes from the one autofollow slide in the show: it automatically advances as expected, but at the next manual transition, it cross-dissolves, appears to pop back to the image, then does the cross-dissolve again, finally ending up in the correct slide.
Due to project deadlines, I've given up trying to make this work in Encore and moved to a different product, but I'd appreciate any feedback on how to do this all correctly next time.

Many users have problems with Encore slideshows. The major advantage is the manual advance. I don't use them, so have little to offer.
The settings on each slide appear to be set correctly (ie, transition type set to "Cross-dissolve" and transition time set to 0:00:03:00) in the project.
I worry that your "set x:xx IN THE PROJECT" means that you have not checked each slide duration. It is possible to have a project setting, but for individual slides to have been set to something else.

Problem timing slides to audio in Blu-ray slideshow in encore cs5. Help!

I'm using a 2006 mac pro 1,1 with 7GB, and I'm trying to make a blu-ray slideshow with encore cs5. There is about 20 minutes of music for 99 slides. I click "fit slideshow to audio" and the time per slide increases to about 12 seconds, which is correct, and when I preview the slideshow it
plays back correctly. But when the blu-ray or image is burned, the slides last only about a second or two each and the audio cuts off abruptly at the end of the 99th slide. This project, by the way, has two slideshows which play one after the other. Both have the same problem.
Operating System: Mac OS X (v10.6.4)
Video display card / driver version: Quadro FX4500
I examined the blu-ray file streams created by encore cs5 with VLC. The slide transitions (cross dissolve) were about 2 megabytes each and played correctly, but the slides themselves seem too short at around 300kb and don't play back at all. Video Blu-rays work fine; the problem only shows up on blu-ray slideshows. When that same slideshow is burned as a dvd, by the way, it also works fine. What's going on?

I have just the same problem with Encore CS5 running on Windows 7 64 bit:
When i create a slide show with music,the length of music defines the
length of the slide show every thing works fine when i play the e show with preview
function in Encore. When i burn it on a blu ray disk it works fine
(in sync) playing the BD disk on the PC, but when i play the BD
when i play the BD disk on a BD player (Sony BDP-S300 or BDP-S470) the music
stops many seconds before the slide show is finished.
Burning the slide show with Encore on a DVD everything works correct.

Slideshow compatible with FC CS5 website

Hi there,
I've built a website using FC CS5, (by the way, what a dream for a graphic designer with no coding skills!). I want to add a slideshow gallery to the site, but would prefer not to build one from scratch. I've learned that XML slideshows don't work with FC. Any suggestions? I'll pay for it if I have to. I just don't want to create it from nothing.
Currently, I'm running a FC swf inside of a FC project. It works, but it worries me. It loads slow and I also need more than 20 frames. Please help!
Soph

I used Wondershare's Flash Gallery to create a video slideshow of stained glass that I then wanted to import into Flash Catalyst...similar to the Marcus Glass Portfolio project used in Adobe's tut. Various options are given for output/published file format, so I first published as a .swf file. This file plays wonderfully using Adobe Flash Player 10 but won't import into FC. I went back & republished another way Wondershare suggested & ended up with
2 files: 1 is .swf & the other is .html. This swf plays in Flash Player 10 & the .html plays fine in the browser, so 1) would I have to use these 2 files in Dreamweaver somehow or do I have to convert the 1st .swf into flv to use in FC? Any help is greatly appreciated!!

Bridge CS5 preview / slideshow not working on 27" Apple Cinema Display

I'm using my 2009 (black key) MacBookPro and Mac OS X 10.6.7 running Snow Leopard.
2.4 GHz Intel Core 2 Duo
4 GB 1067 MHz DDR3
Adobe Bridge CS5 works beautifully on my MBP, my photography workflow depends on Bridge.
However, when I attach my 27" Apple Cinema Display and try to preview images by hitting the space bar I get a gray screen. Likewise, the slideshow renders only gray.
It's not the "black out other monitor". I've cleared the cache to re-render all the previews.
I've scoured these forums as well as the Apple ones, and the helpful folks currently at Photoshop World in Orlando advised me that, collectively, the kind people here know everything. I know I can't be the only photographer who uses this configuration. I'd like to use the display for client previews/ordering.
I would so appreciate any tips you may have for me; thank you in advance for your time.
Warmly,
Darcy
http://hisandhersphoto.net

Yes, thank you. I found that post - among others when researching before I asked. I tried all the suggestions in that one and in the others.
My issue isn't low quality rendering in the preview and slideshow - my issue is NO rendering at all in slideshow and preview. It's just blank. Gray.
I deleted the cache in my library and through the Bridge program itself to rebuild the previews. I tried the various options of "software rendering" on and off, and different configurations in the preferences and none seem to make the preview or slideshow work. I have all the updates from Adobe and from Mac.
I tried importing the photos I need to show my clients (who are coming to my studio this evening!) into Lightroom 3, and the LR slideshow works. But using LR and having to import photos into it is an extra step not in my workflow.
Ideally, I can make Bridge work instead of making yet another resource-consuming copy of these photos on this computer via the Lr library.
So - current state is unsolved.
Lightroom 3 slideshow and preview works, but isn't ideal since it involves importing the images into Lr. Since that works - would that mean my video card is acceptable?
Bridge can show thumbnails on the 27" display but no preview or slideshow.
Bridge preview and slideshow works perfectly on my 15" MacBook Pro.
I'm so disappointed since I bought the 27" Apple Cinema Display this week and was told it would work with my computer "out of the box" - I was sure to ask several times, "so there's nothing else I need to buy or do to make this work with my programs? Just plugin and go?" and several times I was assured, "Yes... plugin and go."
I sure would appreciate anyone who's made Adobe Bridge work with a 27" display. Thank you!
Darcy

Re: Create a PDF presentation slideshow output file in CS5

Upgraded from CS2 to CS5. In CS2, this was an Automate option - presentation I think. All you had to do was drag the PDF photos together, select the presentation options and bingo. Then I could e-mail the presentation file. Can't find anything like this in CS5.

Zeno - Thanks for the help. Am almost there. Am able to create a contact sheet slideshow presentation but don't see an option for a slideshow presentation where each photo shows individually on a slide. The contact sheet has multiple pictures per slide.

Flash Prof. CS5 simple photo album/slideshow template

I am trying to use the "simple photo album" template that comes with Flash Prof. CS5. I have it working except I want it to play by default. The actionscript that came with the template is below (in blue), but if I set var autoStart:Boolean = true; I get the following error and the controls do not work:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at nt_fla::MainTimeline/fl_startSlideShow()
at nt_fla::MainTimeline/frame1()
// USER CONFIG SETTINGS =====
var autoStart:Boolean = false; //true, false
var secondsDelay:Number = 2; // 1-60
// END USER CONFIG SETTINGS
// EVENTS =====
playPauseToggle_mc.addEventListener(MouseEvent.CLICK, fl_togglePlayPause);
function fl_togglePlayPause(evt:MouseEvent):void
if(playPauseToggle_mc.currentLabel == "play")
fl_startSlideShow();
playPauseToggle_mc.gotoAndStop("pause");
else if(playPauseToggle_mc.currentLabel == "pause")
fl_pauseSlideShow();
playPauseToggle_mc.gotoAndStop("play");
next_btn.addEventListener(MouseEvent.CLICK, fl_nextButtonClick);
prev_btn.addEventListener(MouseEvent.CLICK, fl_prevButtonClick);
function fl_nextButtonClick(evt:MouseEvent):void
fl_nextSlide();
function fl_prevButtonClick(evt:MouseEvent):void
fl_prevSlide();
var currentImageID:Number;
var slideshowTimer:Timer;
var appInit:Boolean;
function fl_slideShowNext(evt:TimerEvent):void
fl_nextSlide();
// END EVENTS
// FUNCTIONS AND LOGIC =====
function fl_pauseSlideShow():void
slideshowTimer.stop();
function fl_startSlideShow():void
slideshowTimer.start();
function fl_nextSlide():void
currentImageID++;
if(currentImageID >= totalFrames)
currentImageID = 0;
gotoAndStop(currentImageID+1);
function fl_prevSlide():void
currentImageID--;
if(currentImageID < 0)
currentImageID = totalFrames+1;
gotoAndStop(currentImageID-1);
if(autoStart == true)
   fl_startSlideShow();
   playPauseToggle_mc.gotoAndStop("pause");
} else {
gotoAndStop(1);
function initApp(){
currentImageID = 0;
slideshowTimer = new Timer((secondsDelay*1000), 0);
slideshowTimer.addEventListener(TimerEvent.TIMER, fl_slideShowNext);
if(appInit != true){
initApp();
appInit = true;
// END FUNCTIONS AND LOGIC
Does anyone have any idea how to fix this so that the slideshow starts automatically and stops when the pause button is clicked?
Thanks,
Lisa

I finally got it to work, but had to edit the action script because it seemed to have a logic error. Here is the action script I finally used; maybe this will help you:
// USER CONFIG SETTINGS =====
var autoStart:Boolean = false; //true, false
var secondsDelay:Number = 3; // 1-60
// END USER CONFIG SETTINGS
// EVENTS =====
playPauseToggle_mc.addEventListener(MouseEvent.CLICK, fl_togglePlayPause);
function fl_togglePlayPause(evt:MouseEvent):void
if(playPauseToggle_mc.currentLabel == "play")
fl_startSlideShow();
playPauseToggle_mc.gotoAndStop("pause");
else if(playPauseToggle_mc.currentLabel == "pause")
fl_pauseSlideShow();
playPauseToggle_mc.gotoAndStop("play");
next_btn.addEventListener(MouseEvent.CLICK, fl_nextButtonClick);
prev_btn.addEventListener(MouseEvent.CLICK, fl_prevButtonClick);
function fl_nextButtonClick(evt:MouseEvent):void
if(playPauseToggle_mc.currentLabel == "pause")
fl_pauseSlideShow();
playPauseToggle_mc.gotoAndStop("play");
fl_nextSlide();
function fl_prevButtonClick(evt:MouseEvent):void
fl_pauseSlideShow();
playPauseToggle_mc.gotoAndStop("play");
fl_prevSlide();
var currentImageID:Number;
var slideshowTimer:Timer;
var appInit:Boolean;
function fl_slideShowNext(evt:TimerEvent):void
fl_nextSlide();
// END EVENTS
// FUNCTIONS AND LOGIC =====
function fl_pauseSlideShow():void
slideshowTimer.stop();
function fl_startSlideShow():void
slideshowTimer.start();
function fl_nextSlide():void
currentImageID++;
if(currentImageID > totalFrames)
currentImageID = 1;
gotoAndStop(currentImageID);
function fl_prevSlide():void
currentImageID--;
if(currentImageID <= 0)
currentImageID = totalFrames;
gotoAndStop(currentImageID);
if(autoStart == true)
   fl_startSlideShow();
   playPauseToggle_mc.gotoAndStop("pause");
} else {
gotoAndStop(1);
function initApp(){
currentImageID = 0;
slideshowTimer = new Timer((secondsDelay*1000), 0);
slideshowTimer.addEventListener(TimerEvent.TIMER, fl_slideShowNext);
slideshowTimer.start();
    playPauseToggle_mc.gotoAndStop("pause");
if(appInit != true){
initApp();
appInit = true;
// END FUNCTIONS AND LOGIC

Slideshow in ps bridge cs5 issue

Hello,
I followed your advice on yt making a slideshow in ps bridge cs5.
I hope you will help me. I'm just trying to make a simple slideshow in ps bridge cs5 and when I click preview or even when I click save, it is just stagnate. It will not go to the next frame. Why?
Thank you,
Steven

Hello,
I followed your advice on yt making a slideshow in ps bridge cs5.
I hope you will help me. I'm just trying to make a simple slideshow in ps bridge cs5 and when I click preview or even when I click save, it is just stagnate. It will not go to the next frame. Why?
Thank you,
Steven

Creating a slideshow using dreamweaver cs5

Hi guys I was wondering how do you create a slideshow in dreamweaver cs5, I was watching a guy do it in dreamweaver cs4 but i could not find the flash elements panel.
Thanks

Do a Google search on "jQuery Slideshows" Behold! A wonderland of slideshow plug-ins!
Cool this is about jQuery slide-shows is that they all work basically the same way, so once you go through the learning curve of implementing one you'll be able to use any of them. This way you don't have to be locked in to a particular look. You can use what will look best for each site.
Enjoy!
Lawrence Cramer - *Adobe Community Professional*
http://www.Cartweaver.com
Shopping Cart for Adobe Dreamweaver
available in PHP, ColdFusion, and ASP
Stay updated - http://blog.cartweaver.com

Creating a slideshow in flash pro cs5

Hey everyone! I need to create a slideshow similiar to this one http://justcreativedesign.com/portfolio/ click on one of the pictures and you will see what I mean. Basically, when someone clicks on the image, it enlarges has some text underneath it and a navigation place. It closes on click as well.
I am new to flash but am looking for any advice/tips/tutorials on how to accomplish this task.
Thank You

I managed to get it work at the end...
First, the components directory was at this location:
C:\Users\<username>\AppData\Local\Adobe\Flash CS5\en_US\Configuration\Components
Then, to make a component out of a MovieClip, right click on the MovieClip in the library and select "Component Definition" and check the checkbox "Display in Components Panel". What I did then was to right click on the MovieClip and selected export swc file, and saved it in the directory above. This exported only one Component, which was fine for me. Probably it would be possible to do something similar to save a library of components as a .fla or .scw or so, but I don't know the details.

CS5 slideshow java script help please

My slide show only plays thru once and I would like to have it run more than once..also I have only 8 images and would like to increase this... can someone lend a hand please.. here is the script, it was developed out of dreamweaver suite 8 but now I am in CS5:
<script type="text/JavaScript">

</script>

gayathri_bna wrote:
Im in a hurry. As a suggestion...find someone locally and pay them to fix your computer.
This site is for programming java not for fixing computers.

Slideshow in CS5

Similar Messages

Maybe you are looking for