Building a wedding slide show...

What resolution to scan Photos and will edited photos in photoshop work, and will Final Cut Pro X suffice or is it huge over kill?

FCPX supports only the video standards, 720x480, 1280x720, 1920x1080.
high res doesn't add any value, except you use massive amount of 'Ken Burns effects'.
consider ...
• usage of iMovie11 ... for a 'plain' slideshow why not?
• for quality beyond HDef-video, consider specialized tools as FotoMagico, which supports higher res (you have to use a 'computer' as player and >HDef displays or projectors ...)

Similar Messages

Trying to make a wedding slide show

I have made my slide show in iDVD... I click burn... It goes thru its process. Then with about a minute left the DVD ejects and the status says done. However, the timer says about a minute left. Nothing is being burned to the disk.. Am I doing something wrong?

Hello, and welcome to the Discussions!
Definitely make a disk image file from your project.
With iDVD open, select 'Save as disk image' from the File menu. The process will look like the burn process, and encoding will take just as long, but the end result is a file replica of your iDVD project, not a burned DVD disk. If the disk image is created successfully, you can burn your DVD disks from that using Disk Utility.
In addition, be sure you are using a good brand of DVD disk--Verbatim, Maxell and Taiyo Yuden are highly recommended.
Also, select a burn speed of 4x or less.
If iDVD cannot successfully create a disk image file, or if you have further questions, post back for more help.

Slide show for a wedding

What is the best program out there to do a wedding slide show with pics and audio?
User friendly as well.

There are so many programs that can do this, the choice really depends on what else you want it to do besides present pictures. iPhoto, which came free with your computer, is the first one to try. It will play a sound track with your slide show if you want it to, and you can select a variety of transition effects between slides. For a plain slideshow with no sound, bells or whistles, I like [ViewIt|http://www.hexcat.com/viewit>.

Help with using parallels while burning a slide show..

I have pro show gold for making wedding slide shows.. I like the program and it only runs under windows. I am able to run the program using parallels and everything looks good, does the whole thing, burns the dvd etc. except when I go to run the dvd on the tv it does not recognize it.. What is missing, all the data is burned except some portion..
Since it's running in emulation mode I wonder if I should try making a boot camp partition. I have been avoiding that since I don't want to take up more HD space but I guess I might have to.
I still have my PC which I have been using to run the program.. I called photodex about it and they said they can't help me since it's made to run on windows. I just can't figure out why there should be a problem.

For assistance with Windows products in Parallels you should consult Parallels tech support else their forums…
http://forums.parallels.com/
You're not going to get much, if any, help for it here. If you're running under Boot Camp you might find Boot Camp specific assistance in the Boot Camp forums.

Want to crop tunes for iPhoto slide show

I created a play list of 3 songs for wedding slide show, would like to crop out pauses and use just short snip of one, any way to do this? I cropped as directed for iTunes, but when I chose that playlist in iPhoto, the entire songs played. Any suggestions? Entire songs won't fit the photos.
Thanks in advance!!

Susan
You'll need to edit those mp3 files with an audio editor - Audacity is a open-source one - or GarageBand.
Regards
TD

Building a Slide Show with Professional looking titles for each slide.

The only way I have figures out to product a slide show with titles is too put the title on in Photoshop and this is very time consuming. With all the different ways to make slides shows with Studio Pro, Imovie, Iphoto, etc. is there an efficient way to place titles on each slide.

You might consider:
PhotoToMovie
FotoMagico
or something similar.
BTW, I'm in Spokaloo as well.

Wedding anniversary blu ray slide show help

Hi there,
I want to make a photo slideshow blu ray quality 1080p.
I have 150 inch projection screen at home and using
Epson home lite cinema projector 1080p. I am taking photos with
Nikon d40 camera RAW images and using Aperture 3.0.
I have final cut pro hd 4.5 . I am willing to buy any other software, hardware
In order to finish this 100 photo slide show since it means more than
anything for me. but I want to make sure it looks blu ray quality on my
150 inch wall screen.
Please provide your pro advice.
Thank you
Jim

Hello,
I suggest you try a program called Photo to Movie. See link below. I have used this
application for many years, and it will do all that you need. It takes about 15 minutes
to learn and can give very sophisticated results. You can export from program to final
delivery, or go onto FCP if needed.
http://www.lqgraphics.com/software/phototomovie.php
Good luck, Tom

HT1364 Would like to use a downloaded song as music for a slide show for a 25th Wedding Anniversary video. Can anyone help

Greetings!! I'm trying to create a slide show for my 25th Anniversary for my husband. I have downloaded the music from iTunes. but do not know how (or even IF thereis a way) to add it to DVD maker on my PC. Can anyone help? Anniversary celebration is Saturday, so time is short.
THanks --sisfidy58

Try assigning Queen as the Album Artist on the compilations in iTunes on your computer.

New to iMovie - Slide Show project

I've been lurking in the iMovie discussions for a couple of months now, and I'm trying to absorb the knowledge of the community. I'm also working my way through "The Missing Manual" which is invaluable. I have two projects in mind, so I'm starting two threads to ask for advice.
First is my "Slide Show" project. I have around two thousand jpeg pictures from my daughter's wedding, and I'd like to put together a DVD of the wedding. This sounds fairly straightforward to me, but I'd like your advice on my plan.
The project starts with an outline on paper of the structure of the project - starting with David Pogue's "22 Shots for Your Wedding Video" from the Missing Manual.
Question 1: I'm thinking of a 20 to 30 minute show, with each slide on screen for 3 to 4 seconds, and a simple cross dissolve between most pictures - maybe a Ken Burns Effect thrown in as a transition between sections, say between the church and the reception. Is this a reasonable length and plan?
Question 2: I'm thinking of using a series of approximately one-minute music clips for the sound. Many years ago, in a different forum, I read a comment that the sound track was more difficult than the video, so I was thinking of putting the music together first, and laying the pictures over it. I'm planning to use Amadeus II to build the audio track, with fades from song to song. Then maybe just import the 20 or 30-minute sound track into iMovie and fit the video by adjusting each picture's duration. Is this a reasonable plan? Would I be better off to feed iMovie smaller chunks at a time?
Question 3: With no disrespect to iPhoto, I've grown up using Graphic Converter and so I plan to use it to shuffle through the 2000 pictures, sort and select those I want to use, and then crop them to 720 x 528 (or 1.364:1) for use without the Ken Burns effect. I realize that part of the elegance of iMovie is it's integration with the i-Suite, but is there any other downside to this plan?
Question 4: I also understand that I do not want to let iMovie render my stills, but to let iDVD do it. To do this, I would just quit my project without letting iMovie render it, and then open it in iDVD, correct?
Sorry for the length of this post - I've been thinking a lot about this project, but it's time to start doing rather than just thinking!
Thanks,
Joe
iMac G5 Mac OS X (10.4.6) iBook G3 (10.3.5); Beige G3 266 DT (9.2.2)

Hi Joe
Q1: About 300 to 600 slides sounds OK when there is a line in the story and
some nice music also will make it easier to appreciate.
Q2: I would import the 300 to 600 photos I need and work with them. Putting in
the Music first is the way I think animatours usually do it. I would at least.
Q3: I would Create a new folder "Photos" and with GraphicConverter™ convert
them to high quality jpegs and into the new folder. I wouldn't do anything about
size but let iMovie do it's job. If some photos showes up flickerings premiary
in thin lines. (You need to connect Your miniDV camera to Your Mac and to
a TV-set to be able to judg final quality). Then I would manually open each of
them in PhotShop and add a little "Gaussian blurr" to them.
Of course crop to right size first.
I-sight - I have no experience of it - sorry.
Q4: I do it another way.
a) Close iMovie
b) find the project icon/folder
c) Ctrl-click on it and Show package.
d) in this there are a folder -> Shared Movies -> iDVD
e) in this there is a QT movie nnnnnnn.mov
- You can test this with QT-player to see that it is OK -
START A NEW iDVD project - so that old material will not interfere.
f) drop this into an open theme in iDVD (just inside the edge of the
window) and save it as a desktop image
(if iDVD prior HD/5 You have to add a hack to make this possibly
named HPfurz and install it)
Test this with Apple DVD-player - OK then burn it with iDVD
or Toast if You have and don’t want to re-code the movie.
(in iDVD 5 You can drop Your iMovie project icon directly into a theme window)
Yours Bengt W

Slide Shows to Music

Can anyone help me.....
I'm trying to buy some software that you can build a photo slideshow on (that's the easy bit), but the one main feature I want is the ability to tick a box and the photos change in time with the beat of the music.
Now before one of you clever people suggest that most softwear does this..... they don't. What most of them do is change the duration of your slideshow to match the length of your selected music, so they all end together. I want that, but also want the photos to move and change to the 'beat' of the track. I know that I could do this manually on a timeline, but this is very time consuming and hence the ticky box option, I want the softwear to do it for me.
Any positive suggestion greatly appreciated.
Thanks for reading,
Luke

Thanks for asking, but as I use PS to edit my wedding photos I thought that may be someone out of the, 'however' many people there is using the Adobe forum site could assist me. May be someone would have suggested that there is some Adobe software that could do this? I thought this was the reason for having forums, may be I was wrong?
Moonlight Studio
Wedding Video & Photographers
0800 234 3136 or 07980 556112
www.moonlight-studio.co.uk
Date: Sat, 27 Jun 2009 02:25:37 -0600
From: [email protected]
To: [email protected]
Subject: Slide Shows to Music
Pardon me for asking but why are you asking this in a forum devoted to Adobe Photoshop?
You may get an answer but you'd be better off going to our friend Mr Google.
>

Slide show output to DVD

As a surprise for my wife, I am trying to create a slide show of our wedding photographs on DVD. However, having created the slide show in PSE6 and saved it as a 'wmv' file, I have not been able to output it to a DVD. I have managed to output it to a VCD, but the quality is extremely poor.
I would be extremely grateful to anyone who could explain to me how I go forward from here. I should perhaps add that the DVD writer I purchased for this purpose came with Nero 7 Essentials, although whilst this has an option to burn videos to DVD, it does not seem to recognise my slide show file. Is there an economic solution?

>Is there an economic solution?
I'm new to slide shows, too, and just got my first DVD burner which included Nero 7 Essentials and I purchased the DVD burner plugin.
I don't know about PE6 but the wmv output from PE3 when converted to MPG-2 in Nero Vision SE 4.9.7.6 is not much better than my earlier attempts with VCDs. If you want to try it you should be able to get the wmv accepted in Vision by selecting "Make DVD/DVD Video" and then on the "Content" screen selecting "Add video files". Have you applied the update to Nero 7 Essentials? I don't remember if this worked before I did that.
I've been able to get near commercial DVD quality by using Nero Vision to produce the slide show using the following steps:
1. Since my target TV is widescreen I use PE Editor to crop the pictures selecting the best view in 16:9 ratio.
2. Resize the canvas to 107 percent with a black fill to eliminate the effects of the TV's overscan so I get exactly what I want. (The percentage took some trial and error.)
3. To speed up the process of adding pictures to the slide show in the sequence I want in Vision create a sequenced Collection in Organizer and export renaming to a temp folder.
4. In Vision go to "Make Slide Show/DVD-Video"
5. Browse for media/Browse and add to project.
6. Add preferred Transitions
7. Optionally Browse to a music track and add it (also created in Nero Essentials from a commercial CD.)
8. Click Next.
9. Select "Make Slide Show". (When making a slide show the option to "Create Chapters" is not available.)
10. Right Click "Title 1" and rename appropriately.
11. Click Next and Rename "My Disc" if so desired.
12. Click Next and Next again.
13. Click the "More" button and set up "Video Options". I use NTSC and for DVD-Video: High Quality, Progressive, High-Quality (2-pass VBR).
14. If you do not want to produce Chapters to allow "Scene Selection"
Burn to your DVD burner. If you want Chapters "Write to Hard disc folder". (First time through I'd just burn a test DVD and see how you like it.) If later you want to create Chapters:
a. Open Vision.
b. Select "Make DVD/DVD Video" and then on the "Content" screen select "Add video files", open the previous "Write to Hard disc folder". This time Create chapters will be available and you can go through that and burn to DVD.
Sorry for such a long post but since you are trying to build a surprise for your wife the results of my trial and error may short cut the process.
I'm unhappy with the music option in Vision. So far as I can see you're basically stuck with whatever length and level is in the track or tracks you choose.
Good luck.
Bob
Edit: Thanks to Barb O I've gotten a lot of info at this very friendly forum http://muvipix.com/phpBB3/

Final cut pro crashing with slide show photos

I am working with a large slide show - a few movie clips, but mostly still images from Aperture. The photos were shot wtih a Nikon D300 in Raw, not that I think that matters much at all.
Becasue this is a slide show I am working wth short durations for the images - usually 3:14. Most of the transitions are simply cross dissolve, but some are more complex.
I am getting again and again crashes - or the spinning color circle going to oblivion and requiring a Force Quit.
Either can happen when adding new material, moving arround existing material, or trying to reset durations, add text, different transitions, or working wth the Ken Burns options. Sometimes it also happens when resizing the time line zoom level.   This marvelous feature seems the most consistent way of trashing the application so I tend to leave it alone.
I may be able to work for an hour or only a few minutes. Sometimes deleting and re-adding an image seems to help, but that may not be true - most of the time it's just simply random.   The system has 14 Gig Ram and I am using iCleanMemory now to see how much is in play. A crash / freeze may occur with a lot or a little - usually looks like I have about 8.9 Gig in play for normal use of Final Cut and no clear change when it crashes / freezes.
Clearly the images are compatible - they are from Aperture and there is no consistency in always the same image being the issue.
Below is the first part of the error report dump.
Hoping someone has an idea for how to overcome this.
Appreciate the thoughts.
Cheers -
Dan
Process:         Final Cut Pro [1012]
Path:            /Applications/Final Cut Pro.app/Contents/MacOS/Final Cut Pro
Identifier:      com.apple.FinalCut
Version:         10.0 (179114)
Build Info:      ProEditor-179110400~1
App Item ID:     424389933
App External ID: 3491984
Code Type:       X86-64 (Native)
Parent Process: launchd [202]
Date/Time:       2011-08-17 17:57:45.775 -0600
OS Version:      Mac OS X 10.7.1 (11B26)
Report Version: 9
Interval Since Last Report:          50891 sec
Crashes Since Last Report:           1
Per-App Interval Since Last Report: 2401 sec
Per-App Crashes Since Last Report:   1
Anonymous UUID:                      D1C2721F-974C-4845-BFD9-2EA572309772
Crashed Thread: 17 CVDisplayLink
Exception Type: EXC_BAD_ACCESS (SIGBUS)
Exception Codes: KERN_PROTECTION_FAILURE at 0x000000010371ed40
VM Regions Near 0x10371ed40:
    IOKit                  00000001036ff000-0000000103700000 [    4K] rw-/rw- SM=ALI
--> MALLOC_TINY            0000000103700000-0000000103800000 [ 1024K] rw-/rwx SM=COW
    MALLOC_SMALL           0000000103800000-0000000103885000 [ 532K] rw-/rwx SM=ZER
Application Specific Information:
objc[1012]: garbage collection is OFF

Well, I filmed many of those videos in HDV (the 2x2 wall, the 5x5 wall and some of the 10x10 wall). Plus I converted the whole project to HDV because it is the way I displayed it (thru camera to Plasma TV's) and I wanted the HD space to work with and since part of my videos were HDV I figured that would be best.
Of course the DV footage is not so good quality, but when made very small for that big screen it looks fine I think. Yeah the AIC codec is great but it takes 4 times as much room, but you think that would work better hey?
I just don't want Final Cut crashing like that. I don't care if it can't play it back in real time or it takes 10 seconds to display 1 frame.
I have not used motion....would it work for what I did. Remember I used over 100 discreet video streams I had. I don't want to replicate the same layer...you get the drift.
Did you see it in youtubes HD? What did you think of the quality?

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;

How can I trigger a lightbox slide show with a single image using Dreamweaver?

I'm trying to build a page for a cosmetics company in which clicking on a color swatch opens a lightbox-style slide show of model shots using that color makeup. Each swatch should trigger a different slideshow. I'm using Dreamweaver (CS6), and I'm sure there must be an easy way to do this, but I haven't figured it out yet. (It would be a snap in Flash, but alas, the site needs to work on a broad range of devices).
I'd appreciate any ideas, and please make your instuction easy to follow if possible—pretend you're talking to a dog, or an eighty-six-year-old—because I may not be as experienced as I ought to be. Probably not.
Thanks in advance for any advice.
best,
wendy

DW doesn't do this for you.
Get the jQuery Fancybox plugin.
See this Primer for Using jQuery Plugins
http://alt-web.blogspot.com/2012/11/primer-for-using-jquery-plug-ins.html
Nancy O.

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.

Building a wedding slide show...

Similar Messages

Maybe you are looking for