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

Similar Messages

  • 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

  • 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

  • How to hide table control in a screen

    Hi, Gems,
    I want to hide the table control.Using "loop at screen" I am able to hide all other components except table control.
    Can anyone tell me how to hide table control in a screen?
    Any help will be appreciated.
    -Thanks
    Surajit.

    Hi,
    In the PBO (in a module outside to the LOOP...ENDLOOP), use this
    MODULE status_0100 OUTPUT.
    IF sy-ucomm EQ space.   "Give the function code on which you want to make your table control go invisible
                                              "Give a space if you want your table control to remail invisible on display of the screen
        CLEAR: t_header[].
        LOOP AT tabcontrol1-cols[] INTO wa_control1.
          wa_control1-invisible = '1'.
          MODIFY tabcontrol1-cols[] FROM wa_control1 INDEX sy-tabix.
        ENDLOOP.
    ENDMODULE. 

  • How to hide video controls

    All-
    I have a video that i want to play automatically when a button is clicked.  I have it all figured out but the controls for the embedded video show up.  How do i hide the controls? 
    Here's my code on a triggered get element event
    var vid = sym.$("vidCon");
    vid.html('<video width="640" height="480" src="zoom.mp4" poster="black.jpg" type="video/mp4" autoplay="autoplay" controls="false"  </video>');
    I've read that an html 5 element must be ommitted if you don't want it to show but when i get rid of the controls attribute, the vid will not play. 
    Thx

    ok i figured it out
    here's the code i used on trigger if anyone's interested
    var vid = sym.$("vidCon");
       vid.html("<video width='640' height='480'  autoplay='autoplay' poster='black.jpg'>" + 
                "<source src='zoom1.mp4' type='video/mp4' >" +
                "<source src='zoom.webm' type='video/webm'  />" +
                "<source src='zoom.ogv' type='video/ogg'  />" +
       "</video>");
    i also had to convert my video to webm and ogg bc firefox has licensing issues with mp4
    ugh!  can't we all just get along!!!  :-)

  • Hide ActiveX Control

    Hi everyone,
    I'm attempting to use an ActiveX control supplied by a camera manufacturer (ImagingSource - http://www.imagingcontrol.com/en_US/support/documentation/iclabviewextension/).  The control itself is the display of the camera image.  However, I wish to use the IMAQ image indicator because it has the ROI tools built into it.  The library that came with the control also has a conversion from the native ActiveX control image to an IMAQ image so conversion is not an issue.
    My problem is that I only want to have to IMAQ image displayed, not the image from the ActiveX control.  When I right click the control from the block diagram and select "Hide Control" the control disappears, however when I save the VI the control reappears.  I also tried to create a property node to hide the control but it does not have that option available.
    Has anyone else encountered a problem like this? If so, how did you resolve it?
    Thanks!
    Eric

    Hi David,
    Thanks for your response.
    So I didn't mention this in the initial post but I can't event select the control on the front panel.  If I want to delete it I have to delete it from the block diagram.  I can however resize it so I was able to place it properly.  It is definitely not a native LabVIEW object!  I attempted to hide the control and save again and lo and behold it didn't reappear (and hasn't after several more changes were committed and saved).  I'm not really sure what the issue was but it doesn't seem to be a problem now.  Again, thanks for the reply.
    -Eric

  • Custom hover menu hidding behind controls

    hi Gurus,
    I have a created a custom hover drop down menu using Dhtml
    but this menu hides behind controls like r/3 transactions, VC iviews, PDF displayed in content area.
    From other threads i found that the only solution to solve this is to have an iframe behind the div.
    I have tried this too still the problem is not solved.
    Steps i performed:
    1> made a copy of original-A.jsp file as B.jsp.
    2> removed the code for menu display from the
    original-A.jsp and inserted the Iframe code as
    <iframe src="/irj/servlet/prt/portal/prtroot/SDNTest.JSPPortalComponent" height="60" width="1000" top="0px" left="0px" margin="0px" padding="0px" >
    </iframe>
    and called the B.jsp from src of Iframe.
    till here it works fine, the menu too is displayed.
    but it still hides behind the control.
    Please help for where am i going wrong ???
    Do i need to modify any properties of Iframe ???
    Please help.
    Regards,
    Abhaya.

    Hi All,
    I have observed a point, when i open the tray icon on portal it opens and overlaps the Flex Iview ?????
    how is it that the tray icon can overlap the Flex iview ???
    Please help.
    Regards,
    Sanjyoti.

  • How to hide tabstrip Control at runtime?

    hi to all.
    i used a tabstrip control in my screen.
    i want to make my tabstrip visible or invisible based on t-code
    for my screen.
    it will be total based on t-code.
    if i will enter t-code zins11 it will show me tabstrip for screen 100.
    if i will enter t-code zins12 it will hide me tabstrip for screen 100.
    Reply me.
    thanks.

    If you don't mind seeing the blank grey Tab Strip control box and simply hiding the tabs, this code will help.
      LOOP AT SCREEN.
        IF screen-name CP 'TS_TEST1_TAB*'.
          screen-active = 0.
          modify screen.
        ENDIF.
      ENDLOOP.
    where my Tab Strip name was 'TS_TEST1

  • How to show or hide a control in front panel

    Hi All, I am revising the code from someone else, and a control in front panel seems to be hidden until you click something to make it show. I tried to use right click in front panel and it did not work by clicking something related to show or hide. Since I don't quite familiar with property nodes, this hidden setting may be related to that.
    In the picture it shows the front panel and its two property nodes, could anyone advise me how to change the setting to show this control? Thank you!
    Solved!
    Go to Solution.

    If you right-click on the the control's terminal, you will see an option to "Hide Control" or "Show Control".  This is what you should use when editing the code.  The property nodes set to Visible are for when the application is running.
    There are only two ways to tell somebody thanks: Kudos and Marked Solutions
    Unofficial Forum Rules and Guidelines
    Attachments:
    change visible state.png ‏3 KB

  • 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

  • FF9 - can i hide window control buttons in titlebar (min, max, close) with userchrome.css?

    I use FF9. In userscript.css i hide titlebar and orange app button, but window control buttons still visible! I just can`t find working script.
    I dont need min-max-close button and wont to hide it without extension if possible.
    Here is screenshort:
    http://s018.radikal.ru/i522/1201/50/f6a6ea445507.jpg

    Try this code in userChrome.css below the default @namespace line.
    *http://kb.mozillazine.org/userChrome.css
    The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.
    *http://kb.mozillazine.org/Editing_configuration
    <pre><nowiki>*http://www.mozilla.org/en-US/firefox/channel/
    #titlebar-buttonbox { display:none!important; }
    </nowiki></pre>

  • 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

  • Auto hide video controls

    have not use flash in years, so I am wondering if anybody can help me with a basic questions.
    I want to make a mock-up kiosk presentation. What would be the best adobe product to use for this,
    i was thinking towards in design as what i have most experience with.
    basically all it needs to be is a start screen with 5 icons/thumbnails when one clicked
    a video/swf plays a 15sec clip in fullscreen (i need to be able auto hide the video controls, and
    for the video to play non-stop for the full 15-20 secs (not stopping or pausing if the screen is pressed)
    on the end of clip to return to start screen.
    so what would be best for this ?

    oh sorry , it will be a standard windows (doubt it will be 8 most likly 7/vista/xp) pc will be displayed on a monitor with a touch layer underneath it.
    it does not need to pull anything from the web either (video or feeds etc) all the videos and files can be stored locally on the machine or usb stick.

  • 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();

Maybe you are looking for