Quick Slide show

Hi,
I need some help here defending the honour of Mac against PC.
We visited some (PC using) friends at the weekend taking our camera with us. In order to look at the photos our friend put our memory card into a Card reader and simply opened a (manual) slide show straight from the memory card using "windows photo and fax viewer"
In a couple of weeks we are returning the favour and he has said that he will bring a usb memory stick of photos with him.
Now... In order to view them on my macBook I can only think that I will have to import the photos into my iPhoto library, then move them into slide show, then view them and then delete from iPhoto when we have finished. Yes, I will have music and Ken Burns effects, but it is a lot more involved and time consuming than on the PC.
In order to show how much better my Mac is at handling photos than a PC, there HAS to be a faster, smarter way to just look at photos from a USB memory stick!
Any advice welcome... Thanks,
David.

Hi there,
If you can open the Memory Stick > highlight all the photos > right click > look for "slideshow" and go... you should see a full screen slidshow start up
If they are simple Jpegs this will work pretty good, a menu bar will appear near the bottom and disappear if you don't need it, simply move mouse and menu bar will reappear. Nice links to index of images, forward and backward buttons etc...
Rick
iMac G5 iSight 20" - 30G iPOD & Hot Pink Nano 4G - WD 500G FW - Mac OS X (10.4.8) - HP Pav 15" WS and Toshiba Sat 17" WS LP's - Canon 20D & A620 Kodak P880

Similar Messages

Importing quick time slide shows to dreamweaver site

I can't seem to import a mac osx quick time slide show to my
web site. Anyone know how to do this?

There is a part of the website here referred to as the
Exchange:
http://www.adobe.com/cfusion/exchange/?ogn=EN_US-gntray_comm_exchange_home
It is under the Community drop-down up at the top of this
site. This is a resource that allows you to find and download
plugins for all of the Adobe programs. If you go to that link, then
on the right click on Advanced Search. Then search for "quicktime"
for the exchange "Dreamweaver". Just searching now, the second one
is what you need:
http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=16025
Just download the file and double-click on the file that you
save to your computer. The Adobe Extension Manager will launch and
should install it automatically for you (please note that DW must
be shut down for the install to work).
I gave you both links so you can find what you need quickly
and so that you can search through the exchange later in case there
are other extensions that might help you out.

Best way to do a quick 800 photo slide show...

We have 500-1000 photos we just want to project for a youth project with some music. Would it be best to go through iPhoto or iDVD (or both)to do this? What is the best workflow? I just need to put in some basic transitions and music...
Thanks in advance.

Note 500 to 1000 photos is a lot of slides for one presentation. 500 slides at 3 seconds each is 25 minutes. You are limited to 120 minutes on a DVD but you have to leave time for menus and transitions also so, the slide show will need to be 100 to 110 minutes long.
To play on a commerical DVD player, using iDVD you are likely limited to 99 slides using iDVD to create the slide show. Exceeding 99 slides can be problematic with some DVD players which either won't go beyond 99 slides or may have a "stall" or glitch in the audio/video when the 99th slide is reached.
Using iMovie would produce the best quality and flexibility (multiple transitions and music etc) but is time consuming as you will have to import pictures and work on the transitions individually. Global changes to transitions and timing cannot be made.
iPhoto might be your best bet but has less flexibility, but you can make global changes to transitions and timing (but all transitions and slide times will be the same). Create a photo album of your photos and arrange them in the order you want (you can skip this step if you want but I have found it easier to rearrange the photos) and then create a slide show choosing your transition and slide times and music. Now share your slide show directly to iDVD or share to a full quality quicktime file for better quality, in this case you will have to insert the file in to iDVD yourself. Note, if you have 1000 photos, this step will take the computer some time to complete.
Use iDVD to create your disk. Strongly suggest for maximum compatibility with DVD players that you save it as a disk image and then burn the image to DVD using Disk Utility (included on your system) at 2x or lower. Use a good brand DVD-R (not -RW or +R) such as Verbatim or Maxcell.
Hope this helps.
Message was edited by: kasa
Message was edited by: kasa

Quick Time Slide Show

I have followed to the best of my ability the steps to adding an audio file to a slide show, but it does not play any sound when I play the slide show. The slide show works and, separately, the audio file works, but they do not work together.

Settings: Export to QuickTime
to QuickTime:
This should get you started. To co-ordinate the sound track you need to open the Inspector under Document; that is the first submenu at the top of the Inspector window.

A How To: Create a Widescreen High Definition Slide Show from the Organizer

[EDIT] I just tried another one and, weirdly, that produced an output with black bars around all four sides! So maybe this 'how to' is not 100%. I have considered deleting the post altogether but, as it does still produce a superior slideshow quality file than the standard ones provided with Elements, I've decided to leave it with this edit added at the top for additional info.[END_EDIT]
In answering a question in another forum I found a nice quick way to create proper widescreen high definition slide shows from just the Elements Organizer. Apologies if this is 'old news' to readers, but I've not seen this described elsewhere so I thought I'd share it.
The Organizer Slide Show creator, if not wanting to edit in PRE, provides a small set of Windows Media Player profiles to create .wmv files. But the best of these goes only to 1024x768 (a 4:3 monitor resolution setting). I've noticed, but never paid much attention to, that at the bottom of the Slide Size box there is a 'Browse for more' option that lets you search for additional Windows Media Encoder profiles. Investigation showed me that I can download the Windows Media Encoder software from Microsoft and create my own profiles. But even further investigation showed me that someone had already done this! I've tested their full HD profile and it works just fine (1920x1080).
So if you are just after a straightforward slide show (i.e. not needing PRE features) but want it displayed on your Full HD TV set here is what you do:
Download the HD Profiles from http://forums.nexusmods.com/index.php?/topic/236895-hd-profiles-for-windows-movie-maker/. There's also a couple of useful SD sizes there as well. Save them somewhere you can easily find them.
Create your slide show in the Organizer. Obviously use appropriately sized images for HD. There's little point outputting an HD wmv file using low resolution and/or 4:3 aspect ratio images.
Save and Output your slide show.
In the output dialog ('Save As a File') scroll down to the bottom of Slide Size and select 'Browse for more ...'.
Browse to the file you downloaded in step 1 and click Open.
Click OK and your Widescreen HD .wmv file is prepared.
Here's a Gspot analysis of my test output file. As you can see it is an HD file with a 16:9, square pixel, aspect ratio.
Ta Da!
Cheers,
Neale
Insanity is hereditary, you get it from your children
If this post or another user's post resolves the original issue, please mark the posts as correct and/or helpful accordingly. This helps other users with similar trouble get answers to their questions quicker. Thanks.

nealeh
You did not mention a specific Premiere Elements Elements Organizer combo for this, so for now I will address this from the version 11, not Windows Movie Maker, perspective if I need to get version specific.
.prx
The Browse for More is a well known route and does offer at least one Adobe profile for 1280 x 720 16:9. I am not sure where you came up with the lesser resolution,1024 x 768 that you mentioned. The Windows Media profiles have existed for several versions of Elements Organizer. Those Adobe ones that you do not see under Output Save As A File Movie (.wmv), can be found in the Windows 7 or 8 64 bit path
Local Disc C
Profile Files (x86)
Adobe
Elements 11 Organizer
Assets
Locale
en_US
tv_profiles
in the tv_profiles Folder are included the .prx files
.....10. 640 x 480 Enhanced Definitions
.....12. 852 x 480 Widescreen Enhanced Definition
.....14 1280 x 720 Widescreen High Definition
A homemade 1920 x 1080 16:9 30 frames per second .prx has long been sought but not that easily produced by many using with the Windows Media Encoder Editor. Apparently you have found one online, and it does get accepted into the Premiere Elements 11 Browse for More choices. And, if you do a gspot readout for the wmv output from Elements Organizer 11, it will display all the "right" properties that you hoped for and that are shown in your screenshot.
The bottom line, why bother with the wmv slideshow? If you take your original photos and size them for 1920 x 1080 16:9, use them in the Elements Organizer 11 Slideshow Editor (Crops used in preferences), use the Edit with Premiere Elements Editor command, what you get in Premiere Elements 11 is full and good in all regard. Have you tried it?
I can see your interest if this is HD going to HD (AVCHD on DVD or Blu-ray disc format on Blu-ray disc, but I do not see this for an Elements Organizer Slideshow that is going to DVD-VIDEO widescreen.
More later.
ATR

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;

.gif slide show?

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

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

Slide show does not work

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

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

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

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

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

</script>

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

<div id="apDiv25">
<ul id="ImageSlideShow">
    <li><a href="../images/bent_shank_wnuts.jpg"><img src="../images/src/bent_shank_wnuts.jpg" alt="" /></a></li>
    <li><a href="../images/champion_rivet_at_operator.JPG"><img src="../images/src/champion_rivet_at_operator.JPG" alt="" /></a></li>
    <li><a href="../images/coining.jpg"><img src="../images/src/coining.jpg" alt="" /></a></li>
    <li><a href="../images/dry_box_workers.jpg"><img src="../images/src/dry_box_workers.jpg" alt="" /></a></li>
    <li><a href="../images/laser_shlomo.jpg"><img src="../images/src/laser_shlomo.jpg" alt="" /></a></li>
<li><a href="../images/lung-blocker-white-gowns.jpg"><img src="../images/src/lung-blocker-white-gowns.jpg" alt="" /></a></li>
</ul>
<script type="text/javascript">
// BeginOAWidget_Instance_2141542: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
    widgetID: "ImageSlideShow",
    injectionType: "replace",
    autoPlay: true,
    displayInterval: 4000,
    transitionDuration: 2000,
    componentOrder: ["view", "controls"],
    plugIns: [ Spry.Widget.ImageSlideShow.PanAndZoomPlugin ]
// EndOAWidget_Instance_2141542
</script>
</div>
<div id="apDiv23"></div>

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

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

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

All these supporting files are missing (404 not found on server).
<link href="../Spry-UI-1.7/css/SpryImageSlideShow.css" rel="stylesheet" type="text/css">
<script src="../Spry-UI-1.7/includes/SpryDOMUtils.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryDOMEffects.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryWidget.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryPanelSet.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryFadingPanels.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryImageLoader.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/SpryImageSlideShow.js" type="text/javascript"></script>
<script src="../Spry-UI-1.7/includes/plugins/ImageSlideShow/SpryPanAndZoomPlugin.js" type="text/javascript"></script>
Upload Spry-UI-1.7 folder to your remote server by clicking the folder and hitting the UP arrow in your Files Panel.
Also, validate your code and fix reported errors. You have unbalanced div tags.
HTML - http://validator.w3.org/
Nancy O.

How do 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 have lightroom 5.7. Now I have apple TV to connect my Mac to the TV scree. I wish to do a slide show on the TV. However, on the Mac, using ITunes to share photos with the TV, I cannot locate all photo files. What is the best way to save the slide show a

I have lightroom 5.7. Now I have apple TV to connect my Mac to the TV scree. I wish to do a slide show on the TV. However, on the Mac, using ITunes to share photos with the TV, I cannot locate all photo files. What is the best way to save the slide show and put it where the Mac sharing can find it? So far, I made on one folder in Lightroom, put some photos there and I found them easily. Can this be done with a slide show? Please help quickly! Also worried that the photos I put on the new folder are hard to find afterwards, when the show is done. Where do they go when I delete from from the new folder?I am not alone

Not that I'm aware of. You just export JPEG copies to a folder that you can point iTunes to. For instance, I have created a folder in my Pictures folder called Apple TV. And within that folder I have other folders of pictures that I can choose from in iTunes to share with Apple TV. But there doesn't seem to be any way to share a Lightroom slideshow. If you have laid to create a video file that would probably work. Apple TV is a little clunky in my opinion. Some things are a little more difficult to do now than they were a while back. I probably haven't provided you with much help, but just keep experimenting and I think you will figure it out.

How can I exchange all the images in a slide show with new ones

I have 18 slide shows each is a different competition for our camera club. How can I exchange all the images from each slide show with new images as our club competitions commence? I am reluctant to just delete the slide show because I will have set it all back up. I want to leave the size shape and format of the show as is, but just exchange all of the current images with new ones. I am hoping there is a quick way to delete and replace all images for each show? Each slide show has around 40 images and I have 18 shows
thank you for your help

1. Activate "thumbnails" in the configuration panel
2. Select one Thumbnail.
3. Rightclick and choose "Select same"
4. Press "backspace"
5. Open the configuration panel and load the new images.

How can I run a picture slide show continuously on my playbook?

I would like to run a picture slide show on a continuous loop but I cannot find any settings to accomplish that. Does anyone know how or if I can do that?
Thank you.

Hi BERVEN,
You state that you are very disappointed because you have not been given a solution. Well, don't be disappointed with your new BBPB because it can indeed do what you want and I have the solution for you right here.
STEP 1: TAP the PICTURES APP (on the homescreen) quick-like with your finger.
---- Immediately, all the ALBUMS containing all your photos show on the screen.
---- You will have saved your photos here, grouped by date or subject or other sort order, depending on how your photos were grouped together on your PC or MAC before you transferred them.
STEP 2: TAP one of your "ALBUMS"
----------- Pictures are stored in albums, which is sensible.
------------- If they were downloaded from pc "folders", then a "folder" in Windows becomes an "ALBUM" in the BBPB.
------------- All the pictures in the album are now visible to you (swipe down to see more if there are many)
STEP 3: TAP PICTURE #1 in that album. Now you will be given 2 choices:
------------ You can "swipe" right to see each individual picture still
------------- OR go to Step 4 (and there you will find the answer to your question)
STEP 4: Touch that first picture
The result of touching the screen is that the screen pops up the BACK, PLAY, FORWARD on-screen controls you want.
The 3 MOTION CONTROLS ARE AT THE BOTTOM OF THE PICTURE --- ON THE PICTURE ITSELF. Press the middle control, which is the LARGEST ONE --- and Wow, YOUR SLIDE SHOW IS RUNNING ALL BY ITSELF!
You can play ALL the pictures in your PlayBook in a slideshow, together, regardless of which albums they are in ---- one big show, if you like. Let me know if this worked for you, okay?

I need to do non-constrained crops for Ken Burns effect in photo slide show

I am making photo slide shows in imovie '09. I understand the Ken Burns effect and how to set a start and an end point. I want to use the effect on vertical or portrait mode photos. i would like to have the entire photo displayed in portrait mode and have it zoom in a bit. The problem is The start and end points seem to only be horizontal or landscape mode. I can't ever get the entire image selected. How can I do this?
Thanks,
Tim

You need to add the letterbox (black space) in another application. iMovie's Ken Burns effect will not do it for you. You can do it in Photoshop if you like.
However, there is a way to do it in Automator, and you can do hundreds of vertical photos very quickly. That is the way I do it.
Here is more detail:
There is also a quick way to pad your images without using Photoshop. This method will pad hundreds of images in just a few seconds.
You do it with a tool that comes with OS/X called Automator. It should be in your Applications/Utilities folder.
Automator is basically a workflow tool. It allows you to string together commands and actions into a workflow and then execute the entire sequence at once. If you have Snow Leopard, you can even add these workflows to your contextual menus that come up when you right-click.
There are many workflows that would work to pad your images. Here is an example:
In Automator, start a photo workflow and drag the following actions into the workflow from the Action palettes on the left.
You should have something like:
1)Ask for Photos (You must select one or more photos and hit Select - you can make this easier by putting them in an album beforehand)
2) Copy Finder Items (give it a folder to copy to- so you can find them easily)
3) Pad Images. (put a check mark in "scale image before padding" Pick the pixel dimensions of your project...like 640x480 or 960x540. or 1920x1080
Hit Run and a dialog box will come up asking you to select photos. When you are finished, press SELECT and the Automator script will keep running.
Then at the end you should have padded images in the folder you created in step 2.

PSE 7 Slide Show problems

I have used Photoshop 7 on my computer running vista very successfully but a problem has now arisen. When I use slide show to show some of my selections the pictures are pixelated. This does not apply to all selections. I note that the pixelated pictures are c 400% but the ones that are ok are 40%. If I do not allow the pictures to resize in slide show thet are only small. Any help would be appreciated. This has only happened recently and I cant remember if I have had an adobe downloaded update which might have affected this.

Hi Bob
Thanks for coming back to me so quick, I will try & explain the problem in
more detail.
I have all of the photos in My Catalogue tagged ie 2009 Holiday, Mothers
Birthday etc so that by selecting the tag and then display in full screen I
can show them in a slide show to friends & family. This has always worked
well until last week when I called up a slide show of a past holiday the
pictures were very pixelated. All photos are not affected. Some holidays I
select in slide show are ok. If I look at individual pictures in my
catalogue most are ok but many are pixelated. Any pictures that have not
been adjusted in PSE 7 are ok.
Any picture viewed in full screen in slide show has in the top left pop up
menu a % of less than 100%, typically 35 - 75%. Any of the pixelated
pictures have a % 350 - 450%.
I originally had Elements 2 but upgraded to PSE 7 when I changed to Vista
because of album problems, apart from problems converting my catalogue
originally all has worked very well. Apart from the recent update the only
other thing which I have done is to start a back up which I aborted because
it was taking a long time to do. I have 4,600 photos in my catalogue and the
problem slide shows are random throughout but appear to be trouble free up
to about the end of 2004. ie a holiday slide show before then seems to be
ok. The latest photos put into the catalogue this month, post upgrade & post
attempted back up are ok. I have also found that if I expand a photo that
has been modified in PSE 7 although the modified picture is pixelated the
original displays ok. I hope that this more fully explains my problem but if
you require more information please let me know. I really do appreciate you
looking at this for me. It is very frustrating when something that was
working perfectly for me then goes **** up!
Regards
David

Making small photos larger to be used in slide show

I am using Photoshop elements 10 with windows 7 on my Toshiba laptop.
I am trying to make a slide show of photos for my brother's funeral. The photos will be shown on a screen at the church and on a TV monitor at home. I was used to Photoshop 4, but had purchased but not really used Photoshop Elements 10 and I need help. I am about 1000 miles away from home so I cannot go back to try to using Photoshop 4 which is not on this laptop. I don't think I want to change (i.e. resample) the pixels, etc.
I have put into order all of the photos. However, the photos are of varying sizes. The photos taken digitally are fine. However, I have a lot of photos take a long time ago for like 3X3 or 2X3, i.e. like in the 50's - 90's, which were scanned. Then provided to me in a variety of ways. Coming to me they are small on the page. ie like in one corner. I am not trying to shrink these photos. I am trying to resize them larger. And probably get rid of most of the white background.
Quite honestly, I think grief is fogging my brain. I had tried to look at the tutorials but they did not work when I tried it on a sample photo. Please help!

Image> Resize> Image Size is the way to go. You may need to resample though. I don't recall what resampling algorithms are in v10, but in v12 'Bicubic Smoother' is recommended for enlargements.
I also have a fallback Scott Kelby (a prolific Photshop / Photoshop Elements author) tip from an early version of PSE that recommended gradual upscaling by 10% at a time to avoid 'jaggies'. It sounds weird but it often works.
Note that for screen display you don't need high pixel per inch counts. 72 or 96 are typical common ppi resolutions.
Cheers,
Neale
Insanity is hereditary, you get it from your children
If this post or another user's post resolves the original issue, please mark the posts as correct and/or helpful accordingly. This helps other users with similar trouble get answers to their questions quicker. Thanks.

Quick Slide show

Similar Messages

Maybe you are looking for