Slideshow controls

I would like to have the ability to assign left/middle/right mouse buttons as next/pause/previous for manual control of a slideshow.
regards Ian

Hi debbie,
check out this article;
http://www.macosxhints.com/article.php?story=20060302142822919

Similar Messages

  • Flash gallery - filename on thumbnail and get rid of sequence display next to slideshow controls

    Hello. Thanks in advance for you help. I'm wondering two things as I'm trying to tweak my use of flash web galleries for client image selection.
    First, is there any way to get the filename to display on the thumbnails in the gallery? Used to have this with html galleries from bridge/pshop. Clients are complaining about this - especially when picking images for compositing, and it makes it difficult if not impossible to compare images within a big gallery.
    Next, I've had one client (IQ challenged), that told me to process file number 10. Instead of filename # ABC001_010, what they were referring to was the 10/250 that's next to the slideshow controls. Stupid, but true. Anyway, I have no use for the sequence number so I'm wondering if there's a way to get rid of it on the gallery without having to do a custom edit to the code or whatever.
    Thank you!
    John Linn
    http://www.adventurecreative.com

    John,
    I totally agree with you: also my clients start to complain that they miss the filenames on the thumbnails (I use an edited version of the Lightroom HTML Template). Seems that clients don't take (have) the time nowadays to go through the full versions...
    As a convinced convert from Iview Media Pro this is about the only thing I really miss. Would be very nice if someone (G. Jardine?) would throw in some code here!
    Thanks in advance!
    Roy Beusker

  • Hide slideshow controls

    In iPhoto 09 (8.1.2), I want to run slideshows of photos and videos.  Using the space bar to stop/start a slideshow always brings up a slideshow control button.  I want to suppress that display, which looks unprofessional.  Using the navigation keys  (left, right, up, down) does not allow for fades or work properly with videos.  How can I suppress the control button display when I  use the space bar?

    You can't.
    Regards
    TD

  • JQuery slideshow control button issue

    Hi! I am new to jQuery and am trying to adapt a slideshow to fit my layout in Dreamweaver. I have one end of the slideshow working fine, as you can scroll left with no issue. However, on the right control, the button does not seem to be clickable.
    The link to the page is here.
    <!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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>DAVIDE MARCHETTI ARCHITETTO</title>
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    * Slideshow style rules.
    #slideshow {
              margin: 0 auto;
              width: 702px;
              height: 346px;
              background: transparent url(../images/davide%3E) no-repeat 0 0;
              position: relative;
              background-image: url(../images/Davide-border.png);
    #slideshow #slidesContainer {
              margin: 23px auto;
              width: 702px;
              height: 323px; /* allow scrollbar */
              position: relative;
    * Slideshow controls style rules.
    .control {
      display:block;
      width:39px;
      height:323px;
      text-indent:-10000px;
      position:absolute;
      cursor: pointer;
    #leftControl {
      top:0;
      left:0;
      background:transparent url(images/left_control.png) no-repeat 0 0;
    #rightControl {
      top:0;
      right:-50px;
      background:transparent url(images/right_control.png) no-repeat 0 0;
    #slideshow #slidesContainer .slide {
      margin:23px auto;
      width:700px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
      height:300px;
    * Style rules for Demo page
              margin: 0;
              padding: 0;
              color: #000;
              font-family: "Courier New", Courier, monospace;
              font-size: xx-small;
              font-style: normal;
              font-weight: normal;
              font-variant: normal;
    a {
      color: #fff;
      font-weight:bold;
      text-decoration:none;
    a:hover {
      text-decoration:underline;
    body {
      background:#FFFFFF;
    #pageContainer {
      margin:0 auto;
      width:960px;
    #pageContainer h1 {
      display:block;
      width:960px;
      height:114px;
      background:#FFFFFF;
      text-indent: -10000px;
    .slide h2, .slide p {
      margin:15px;
    .slide h2 {
      font:italic 24px Georgia, "Times New Roman", Times, serif;
      color:#ccc;
      letter-spacing:-1px;
    .slide img {
      float:right;
      margin:0 15px;
    #footer {
      height:100px;
    #footer p {
              margin: 30px auto 0 auto;
              display: block;
              width: 703px;
              height: 40px;
              color: #000;
              font-family: "Courier New", Courier, monospace;
    body,td,th {
              color: #000000;
    #pageContainer #footer p a {
              color: #000;
    #apDiv1 {
              position: absolute;
              width: 32px;
              height: 1px;
              z-index: 1;
              left: 130px;
              top: 441px;
    #apDiv2 {
              position: absolute;
              width: 22px;
              height: 4px;
              z-index: 1;
              left: 0px;
              top: 327px;
    #apDiv3 {
              position: absolute;
              width: 3px;
              height: 0px;
              z-index: 1;
              left: 214px;
              top: 328px;
    #apDiv4 {
              position: absolute;
              width: 0px;
              height: 0px;
              z-index: 1;
              left: 442px;
              top: 328px;
    #apDiv5 {
              position: absolute;
              width: 0px;
              height: 4px;
              z-index: 1;
              left: 655px;
              top: 328px;
    #apDiv6 {
              position: absolute;
              width: 49px;
              height: 3px;
              z-index: 1;
              left: 1px;
              top: 0px;
    -->
    </style>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      var currentPosition = 0;
      var slideWidth = 723;
      var slides = $('.slide');
      var numberOfSlides = slides.length;
      // Remove scrollbar in JS
      $('#slidesContainer').css('overflow', 'hidden');
      // Wrap all .slides with #slideInner div
      slides
        .wrapAll('<div id="slideInner"></div>')
        // Float left to display horizontally, readjust .slides width
              .css({
          'float' : 'left',
          'width' : slideWidth
      // Set #slideInner width equal to total width of all slides
      $('#slideInner').css('width', slideWidth * numberOfSlides);
      // Insert controls in the DOM
      $('#slideshow')
        .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
        .append('<span class="control" id="rightControl">Clicking moves right</span>');
      // Hide left arrow control on first load
      manageControls(currentPosition);
              $('slideInner').animate({
    'marginLeft' : slideWidth*(-currentPosition)
      // Create event listeners for .controls clicks
      $('.control')
        .bind('click', function(){
        // Determine new position
              currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
              // Hide / show controls
        manageControls(currentPosition);
        // Move slideInner using margin-left
        $('#slideInner').animate({
          'marginLeft' : slideWidth*(-currentPosition)
      // manageControls: Hides and Shows controls depending on currentPosition
      function manageControls(position){
        // Hide left arrow if position is first slide
              if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
              // Hide right arrow if position is last slide
        if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
    // Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
    'marginLeft' : slideWidth*(-currentPosition)
    setTimeout(autoshow, 5000);
    </script>
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    </head>
    <body text="#000000">
    <div id="pageContainer">
      <h1><a href="">Davide Marchetti Architetto</a></h1>
      <!-- Slideshow HTML -->
      <div id="slideshow"><!-- TemplateBeginEditable name="EditRegion1" -->
         <div id="apDiv6"><a href="index.html"><img src="../images/hd-main.png" width="178" height="20" /></a></div>
        <div id="apDiv5"><a href="contact.html"><img src="../images/hd-contact.png" width="47" height="19" usemap="#Map2" border="0" />
            <map name="Map2" id="Map2">
              <area shape="rect" coords="-5,-1,62,30" href="contact.html" />
        </map>
      </a></div>
      <div id="apDiv4"><a href="projects.html"><img src="../images/hd-projects.png" width="55" height="19" usemap="#Map" border="0" />
            <map name="Map" id="Map">
              <area shape="rect" coords="-2,-1,60,19" href="#" />
            </map>
        </a></div>
      <div id="apDiv3"><a href="studio.html"><img src="../images/hd-studio.png" width="41" height="19" usemap="#studioMap" longdesc="studio.html" border="0" />
            <map name="studioMap" id="studioMap">
              <area shape="rect" coords="-8,-2,78,22" href="#" target="studio.html" />
            </map>
        </a></div>
        <div id="apDiv2"><a href="news.html"><img src="../images/hd-news.png" width="78" height="19" usemap="#newsMap" border="0" />
            <map name="newsMap" id="newsMap">
              <area shape="rect" coords="-12,-10,164,65" href="#" />
            </map>
        </a></div>
        <div id="slidesContainer">
          <div class="slide">
            <!-- IMAGE ONE -->
          </div>
          <div class="slide">
            <!-- IMAGE ONE -->
          </div>
          <div class="slide">
            <!-- IMAGE ONE -->
          </div>
          <div class="slide">
            <!-- IMAGE ONE -->
          </div>
        </div>
      <!-- TemplateEndEditable --></div>
      <!-- Slideshow HTML -->
      <div id="footer">
        <p align="right"><a href="http://erinpellegrino.com">Website  by Erin Pellegrino</a></p>
      </div>
    </div>
    </body>
    </html>

    This is a stacking-order problem caused by the button being layered under your #slidesContainer div.  That's why it's not accessible.
    See Z-Index Guide
    http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/
    Nancy O

  • Slideshow controls are shown as question marks

    I know since the end of MobileMe the pop up slideshow doesn't work properly.  I'm trying to fix the missing controls.  When you click play slideshow, the slideshow pops up, but at the bottom, the play/pause, etc. controls are question marks.  I've tried to follow Old Toad's tutorial listed here:
    http://www.oldtoadstutorials.net/No.iW14.html
    but I am still having problems.
    I have mulptile sites in iweb that have already been published with slideshows.  So, I need to fix all of them at this point.  I've changed the item that he refers to in the tutorial and uploaded it to the website's server.  I've tried putting in different folders; the scripts folder, the slideshow_files folder, just in the root folder, but it is not working.  What am I missing?  Any thoughts about what I need to try next.  Thanks for your help!

    If you are changing the script in the iWeb package you will need to republish every slideshow from iWeb for the updates to appear in the published version.
    You could modify the local or remote versions of the file outside of iWeb but you would need to do this every time you publish changes to your site. See [2]...
    http://www.iwebformusicians.com/Banner-Slideshow/iWeb-Slideshow-Assets.html

  • Xml slideshow controls, need help!

    Hello,
    I am new to actionscript and am trying to make a slideshow
    with next and previous controls. The info for the slideshow is
    coming via xml. I have it up and running but there are two issues.
    When clicking on the next or previous buttons the new image will
    load but the first image will be present under the new image. So if
    you are navigating from image 2 to 3, while image 3 loads, image 1
    is visible. The next problem I am having is I would like for the
    slideshow to repeat itself once it gets to the end.

    Sorry 2 more things.
    In the above link to get to the slideshow, click america,
    then new england.
    And it appears that on the initial load the first image loads
    17 times, which is the total number of images in the slideshow.
    Thanks again

  • Help! Magic iDVD slideshow controls instantly vanish

    I’m working with Magic iDVD & trying to figure out how one actually controls the:
    1. slideshow volume
    2. slideshow duration's
    3. and also how one would adjust the transition type (page flip, droplet, etc.)
    I actually see how to do this BUT the adjustment preview windows simply doesn’t stay visible long enough to address any actual adjustment.
    In fact the controls are only visible for a split second only immediately after I hit the preview button and nothing on the menu bar seems to allow for these controls to become visible until one finishes making all the necessary adjustment. However I was able to see (or rather take a quick peek) at these controls in the preview window after hitting the preview button on the bottom left corner of the window.... but like I said only for a split second.
    These controls vanish so quickly that I can’t even capture a quick screen shot of them on the computer however I was able to take a snapshot with my digital camera. Here are the controls that are visible but only for a split second apparently. My question is ... How do I make these controls stay visible until I finish addressing all the necessary adjustments without it vanishing first?
    (3) G4 PM's/(3) S-Drives/Sony TRV900/Nikons/6FWHD's/PS7/iLife06/FCPHD/DVDSP/etc. Mac OS X (10.4.8) My ichatav AIM account is: SDMacuser1 (Please use Text chat prior to video)

    You are doing something wrong. I just tried 'Magic iDVD' and everything worked fine.
    You must, however, recognize that the photo 'wells' in the Magic iDVD set up page are NOT for individual images! Each 'well' is a slideshow. Drag all the images for one slideshow into the same 'well'. Then drag the audio for that slideshow into the same 'well'.
    After you have entered all the elements you want to use, hit the 'Create Project' button at the lower right. This will create the actual iDVD 6 project you can edit further (as you would with a 'normal' iDVD project).
    BTW, I don't understand your screen shot. You have the map view slideshow edit screen and the Preview Control 'Remote' on the same screenshot. You can't edit the slideshow in the Preview mode. Go into the map view, select the slideshow you want to edit and double-click on it to open it in the edit mode.
    F Shippey

  • Are there Slideshow controls?

    The slideshow feature on Apple TV of my pics runs them out of date order and rotates some of them on their sides.  Can I control this?

    i usually don't download and correct files unless i'm hired.
    addendum:  thank you for offering to pay me.  downloading and correcting someone's source files can involve significant time.  but sometimes there's just not enough work required for me to charge.  this is one of those times.
    change the code to the following and your file should work as expected.  there's no charge.
    var mcA:Array = [Scene1_mc,Scene2_mc,Scene3_mc];
    var index:uint = 0;
    mcA[index].nextFrame();
    this.addEventListener(Event.ENTER_FRAME,f);
    function f(e:Event):void{
        mcA[index].nextFrame()
        if (mcA[index].currentFrame == mcA[index].totalFrames){
            mcA[index].gotoAndStop(1);
            index=(index+1)%mcA.length;
            mcA[index].nextFrame();

  • Finder slideshow controls not centered anymore

    Hi,
    As you all know it's possible to start a slideshow by selecting a number of photos in the finder, contorl-click and select "slideshow" from the menu.
    While the slide show is playing you can get a set of controls to appear by moving the mouse.
    These controls used to appear in the middle of the screen, but after installing 10.4.8 (I believe it was then) the controls appear more to the right of the screen.
    This happens on the 18" Compaq LCD-screen I have attached to my PPC Mini, while on the screen of my MacBook the controls still appear in the centre of the screen.
    I have not tried the MacBook with an external screen.
    I installed the combo update (PPC and Intel respectively) on each machine.
    Have anyone of you seen this behaviour?
    I am thinking maybe it would fix itself if I throw away some .plist file on the Mini, but I am not sure which one (or which ones) might affect this....
    Regards,
    J-son

    I tried turning off parental controls for the kid's account, and the behavior is the same: clicking on the game in the applications folder causes the app icon to bounce once and disappear. Other recently installed games (Riven X, Myst III) work as before. Game works fine in my account and guest.

  • Slideshow controls - missing in 09?

    I have used the slideshow feature in past versions of iphoto and been very pleased with the process. Is was easy to create the slide show and you could extensively tweak things like indiidual time for each slide, transitions and you could even control the Ken Burns effect. I could get it exactly the way I wanted and then export it to iDVD for burning. In iphoto 09 there appears to be just one dialogue box for slide show settings and it doesn't seem to have any allowance for individual tweaks. Am I missing something? If I have lost the ability to control individual transaction and effects within the slide show, I'll have to use iMOvie or go back to iphoto 08.

    Yes you are missing something:
    Click on the '+' button lower left and select Slideshow. This will bring the Slideshow Toolbar to the fore and you can make all the decisions and choices you prefer for the show.
    Regards
    TD

  • Slideshow controlled by scrollpanel?

    Is there a way to create an automatic slideshow gallery that is controlled by the thumb position on a scrollbar?
    I'm a FLash AS3 noob and I'd like to place an article or story inside a scrollpanel. At certain points of the story, I'd like the thumb (on the scrollbar) to trigger an event that transitions to a new image inside the slideshow gallery.
    For example, let's take Goldie Locks and the Three Bears:
    - Story opening    : Frame1
    - Porridge Scene  :Frame 2
    - Chairs scene     :Frame 3
    - Beds scene       : Frame 4
    Again, I would like the slideshow to be controlled by the up and down movement of the scollbar.
    If you good people would help me with this, my kids and my students would be eternally grateful!!
    Thanks.

    I'll assume you mean a text box to be a textarea component.  Here's some code where 'ta' is the textarea component, and the vertical scroll position is compared to values (end1,end2, etc, which you will  have to determine/specify) that mark the boundaries for changing frames in the movie any time the scroll bar is scrolled.
    import fl.events.ScrollEvent;
    function updateMovie(evt:ScrollEvent):void {
        // determine scroll position
        var sPosition = ta.verticalScrollPosition;
        // test position to see which frame should be showing for the movie
        if(sPosition >= 1 && sPosition < end1){
            movie.gotoAndStop(1);
        } else if(sPosition >= end1 && sPosition < end2){
            movie.gotoAndStop(2);
        } // etc...
    ta.addEventListener(ScrollEvent.SCROLL, updateMovie);
    If your intention is to use a regular textfield with a uiscrollbar component, then the only changes would be to name that scrollbar 'ta' (or change the name in the code to whatever name you use) and use scrollPosition instead of verticalScrollPosition.
    Determining the end# values will be a matter of you going thru and seeing what the sPosition value is as you scroll.  You can either place a textfield on the stage temporarily to write the value so you can see it, or you can use the trace function to have it appear in the output panel.

  • HELP PLEASE: .swf Controls take over in Powerpoint Slideshow

    Hi,
    I have a .swf embedded within an Powerpoint slideshow. When I
    use the controls I've set within the .swf file (pause, play, replay
    animation) I no longer can use the Powerpoint slideshow mode
    controls (forward or backward to next slide). If I don't touch the
    controls within the .swf, letting the .swf animation play through,
    the Powerpoint slideshow controls work fine.
    Can anyone offer any workarounds that may enable me to use
    the .swf file controls while in Powerpoint slideshow mode, yet not
    loose the ability to advance to the next slide (using the arrow
    keys) in Powerpoint?
    Thanks!!

    Hi Michael,
    I'm  not an expert however if I understand the links correctly, it's saying that you are missing the .webm extension for apache which is server side. I'm not a dev geek so I really can't dive into it with any type of authority.
    I viewed it with IE and I got "invalid source". Which means the files maybe corrupted, something is just slightly off in your coding, or you need to add that .webm extension (which I have no idea how to do). It seems highly unlikey that your server is not set up for this though >
    For some reason this doesn't seem right to me. If the files are .mp4, ogg and vp8 then what is the reference to shockwave?
    <embed src="Laser.swf" type="application/x-shockwave-flash" width="650" height="400" />
    Try this link: http://www.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html#fbid=96yfRXf_d N9
    Give that technique a shot and see how it goes.
    Hopefully somebody with more technical expertise will put in their "two cents".
    Good luck.
    Ed

  • .png transparency- problem with underlying layer control

    I have an opaque orange rectangle with a clear uneven square cut into it through which I am displaying a slideshow (Spry Image Slideshow) and it works fine except that I cannot control the slideshow with my cursor. I can control the slideshow fine when it is on top of the rectangle, but I want the cutout to act as a frame on top of the slideshow.
    Is the transparency in the .png akin to a sheet of glass? If so can I access the controller somehow through the "glass" with some added code?

    Hi
    You cannot place a 'layer' over the slideshow, as this 'layer', (Is this an ap div?) will then 'have focus' above the slideshow and anything underneath this, (the slideshow controls) will not be selectable.
    You could program your own event handlers in javascript to control the slideshow, but this will require you to have a reasonable understanding of javascript programming.
    PZ

  • Web Gallery - Slideshow(s)

    I have created my first web gallery - These are my issues when viewing the gallery on internet:
    1. If you double click the first photo you see a rather small pic and a description of what the subject is about (hitting i [info] can give you the further info on the pic). Why is the photo not the same size as that shown when I select to view the gallery in slideshow?
    2. When in a gallery if you click "Slideshow" it proceeds through the photos in the gallery at about 3 second intervals - how can I adjust the slideshow controls so that the turnover is slower, like 12 second intervals? I understand that a viewer can click "pause" to slow the process, but see 3 below.
    3. When I review the gallery on my Powerbook, using Safari, as a slideshow, above the slide the description/explanation of what the pic is about is displayed. When I enter the website via Windows, I see the pic OK but there is no description of what it is about. How do you show the explanation of what the pic is about in Windows?
    Thanks in advance for any advice.

    Vicj:
    Welcome to the Apple Discussions. 1 - it's just the nature of the beast and can't be changed. 2 - the software that controls web galleries is server side and there's no features changeable by the user except those in iPhoto while creating the gallery.
    If you want to add a description to the picture that will be displayed change the title to the description you want to use. An easy way to do that is to first add your descriptions to the description field in iPhoto. Then use this Applescript to copy the description to the Title field: AppleScript to copy iPhoto Description to Title. Be sure to read the comments regarding the one error in the script that is easily corrected.
    Later you can change the titles back to the file name (if that was what they were originally, by using the Photos->Batch Change menu option.
    TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
    I've created an Automator workflow application (requires Tiger), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 08 libraries and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.

  • Web Gallery - Slideshow

    I have created my first web gallery - These are my issues when viewing the gallery on internet:
    1. If you double click the first photo you see a rather small pic and a description of what the subject is about (hitting i can give u the further info on the pic). Why is the photo not the same size as that shown when I select to view the gallery in slideshow?
    2. When in a gallery if you click "Slideshow" it proceeds through the photos in the gallery at about 3 second intervals - how can I adjust the slideshow controls so that the turnover is slower, like 12 second intervals? I understand that a viewer can click "pause" to slow the process, but see 3 below.
    3. When I review the gallery on my Powerbook, using Safari, as a slideshow, above the slide the description/explanation of what the pic is about is displayed. When I enter the website via Windows, I see the pic OK but there is no description of what it is about. How do you show the explanation of what the pic is about in Windows?

    Web Gallery is part of iPhoto and you might want to ask in that forum:
    http://discussions.apple.com/forum.jspa?forumID=1192

Maybe you are looking for

  • How to find the start and end sector index/physical address of any given file?

    I need to find the range of sectors that a file occupied. Then determine the slack space in that file and then analyze the slack space. This is a forensics project work. I am new to forensics and have no idea what Window API calls may help me accompl

  • How do I hide grid lines in printing?

    I want to print a spreadsheet without the grid lines around each cell. I there a way to do this?

  • Put Data in a 2D Array after Button pressed

    hello. following question: I have a cluster, where I can put various data input as parameter for a test stand. After all data is inserted the user should press an OK button. The data should now be inserted in a 2D array in the first line. After the u

  • CUF and date format problem

    Hi experts! I ve created a CUF with "DATS" format on CI_BBP_ITEM structure. My problem is that CUF is displaying in ITS with YYYYMMDD format. How can I get an  ITS display depending of user date format attributes? (ex : DD.MM.YYYY) Thanks a lot for y

  • Lost calendar alerts after ios 6

    I no longer have calendar alerts after downloading ios 6