Floating Gallery Widget- Images on a Page

I have a  problem with the gallery widget.. it keeps changing its position ON THE PAGE, ie. it 'falls' past the bottom of the page or if positioned with a text box underneath it, it will often 'fall' down with the caption on the pictures covering text in the text box.  
It seems to be arbitrary.. it happens sometimes but not all the time on all the gallery widget images.  And it does not appear to matter if there is only ONE picture in the gallery widget or multiple images.
My book is very image heavy and my reliance on images to remain in place, in relation to the text is mandatory
Any ideas on why this is happening and if so.. what to do to correct it all? 
Is it a bug in the app, or... what?  If it is a bug, when can we expect an update to iBooks Author?
I am working in landscape mode and do not bother with the portrait  mode.

That object is linked to text on that page.....iBA Help has this to say about that
-=-
On a book page, an object is either inline, anchored, or floating. Objects you add in iBooks Author are either anchored or floating by default. You can follow the steps below to add an object as an inline object, or to change an object from one type to another after you add it.
You can place an anchored or inline object anywhere on a page with text on it. Each anchored or inline object has a marker ( or ) that indicates the text the object is associated with.
Add an object as inline
Change an object from one kind to another
Select the object.
Do one of the following:
In the format bar: Click Inline, Floating, or Anchored.If the format bar isn’t visible, choose View > Show Format Bar.
In the Wrap inspector: Click one of the Object Placement buttons.If the Wrap inspector isn’t open, click Inspector in the toolbar and click the Wrap Inspector button.
If the controls for changing the object type are dimmed, it might be because you’re in portrait orientation. Try switching to landscape. Or try adding a title, label, or caption to the object and then converting it.
Reposition an anchored or inline object
You can place an anchored or inline object anywhere on a page with text on it.
To reposition an anchored object: Drag the object or its marker to the text you want to associate the object with.When the object’s associated text moves to another page (because of changing content), the object moves to the same position on the new page.
Important:  You can move an anchored object (or its marker) only in landscape orientation.
To reposition an inline object: Drag the object, or cut and paste the object’s marker to a new location.

Similar Messages

  • Gallery widget image number appearence

    Hi,
    I can't seem to find a way to remove the text (or modify it) that appears on the bottom of the gallery widget when you have more than 10 images as you can see on the image attached:
    As far as I know, you can't even changet the color, size or font for this text (that is rendered on the iPad very different from what appears on iBooks Author). This is also a problem when you are producing iBooks in languages other than english.
    Is there all we have at this moment?
    Thanks.

    Thanks for your help.
    Yes, I will have to put Keynote to rescue if I can't do it otherwise, but it makes little sense to recreate that behaviour in Keynote just because the Gallery Widget is missing such a basic feature (I'm sure most of the people will not go hit into this problem because it will only show when you add 10+ images to the gallery.

  • Web Gallery Widget Help

    I am trying to place a web gallery widget onto my iWeb page. I have been successful at that and can see the web gallery preview after it is placed. However, when I save the page, then publish to dotMac, then view the page in Safari, the web widget box where the preview should be is completely black. The link to the dotMac web gallery works fine, just no preview. This used to work fine when I was using the "Highlighter" web template but not since I switched to the "Modern Frame" web template.

    Try deleting the widget, reloading it into the iWeb page and then doing a "Publish all to .Mac".

  • Image gallery widget problems

    First of all, I'm pretty new to coding and using CS4 on my Mac. I'm trying to create a simple lightbox gallery. I'm using the Adobe Widget Browser and downloaded Lightbox Gallery Widget. I had to copy/paste all of the coding because for some reason dragging/dropping didn’t work. All of my thumbnails look good, but when I view in Live mode or in a browser, the large image does not appear. All of my images are in the correct folder and linked, but I'm thinking there's a problem with the 'next', 'prev', etc images.  I’m sure it’s something simple I’m missing, but I’m at my wits end. I’ve used the Markup Validation Service and it checks out ok. Here is my site:
    http://www.turtlecell.com/index.html
    I’d appreciate any assistance! Thank you!
    Holly

    Having a similar issue - I had taken some iphoto galleries off my mobile me gallery page but they were still linked to pages published in iWeb.
    When I realized this I opened iWeb and took the gallery widgets out.
    Then went into iPhoto and republished the galleries to mobile me, then back to iWeb and they still showed blank (like the two didn't know about eachother - name of the gallery is still showing in iWeb, but no longer displays photos).
    Next try - delete the widget from iWeb page, delete the mobile me published gallery from iPhoto, setup a new (different name and all) published gallery in iPhoto - works, gallery page in mobile me works, back to iWeb and insert widget menu and the old galleries are still listed, no new galleries are showing up in iWeb now - great.
    So, trying the tricks of shutting down iPhoto, iWeb, logging out of mobile me account in system preferences as well as via safari on me.com - then log back into every thing and start up iWeb again - still no new iPhoto published mobile me galleries showing in the iWeb insert-widget-mobile me menu.
    Any help? Looking for a refresh in iWeb!?

  • How to edit image mask in Gallery widget

    When I place an image into the Gallery widget the image receives a mask.
    I am trying to edit this mask, but it doens't do any thing. I only can move the image inside of the mask, I can't edit the size of the mask.
    Does anyone know how this is be done in iBooks Author (I know this feature from other Apple software like Pages or iWeb).
    Or does anyone have the same problem?
    Thanks

    You will find an answer here : https://discussions.apple.com/thread/3706789?start=0&tstart=0

  • Rollovers on each page of a gallery widget

    Is the following possible? I would like to have a  slideshow and have each page have its own set of rollovers. (I am a brand new Muse user.) I tried starting with a basic slideshow widget. (I  unchecked "Edit Together", if that matters.) Then I clicked on the target of the first page and draged the tooltip widget onto it. But it's not working, because when I go to the next page of the gallery widget the same tooltip widget remains.

    I found on my computer, if you click on the header you can change it on each page.  There is also a place in Set Up under Sections at the bottom of the page that has a drop down to create a new Section either 'Starting with this section' or 'After this section'.  Hope this helps.  Also at the top there is a place under Headers & Footers to  choose either 'hide on first page of section' or 'match previous section'.  I believe if you deselect the 'match previous section' you can easily change the header or footer for each page.

  • How does one KEEP the gallery widget from moving on a page AFTER you've left the application?

    My gallery widgets are NOT stable.  I tried locking them, and locking the entire page... no luck.  What gives?  How can anyone put together a book if the gallery widget (which is crucial to my presentation) is not stable and moves, expands, etc..

    I have absolutely no chance to use the gallery widget. Its size changes all the time. It changes when clicking the preview button for iPad, it changes when clsing the document. Pictures are cut all of a sudden, the whole widget moves a few cm.
    So every time I close the document or click on preview I have to check the whole document for unwanted changes!!

  • Help with lightbox gallery widget

    Hello
    I built a website for my photography business and used the lightbox gallery widget. I'm not massively HTML minded so I tend to build in design view and just tweak the HTML code.
    The gallery is here: http://www.emmarichards.co.uk/gallery.html
    When you click on one of the photos, it is not working properly, it just takes you to another webpage with just the image. It worked fine in the live view. I'm looking at it in IE, not sure which version but a fairly up to date one I think. I've also checked it using the Mozilla browser and having the same problem. How can I rectify this please? The pages code is as follows:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Barnsley Wedding Photographer - Emma Richards</title>
    <style type="text/css">
    <!--
    body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #99BADB;
    /* ~~ 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. */
    padding-right: 15px;
    padding-left: 15px; /* 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. */
    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:#414958;
    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: #4E5869;
    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;
    background-color: #FFFFFF;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
    width: 80%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
    /* ~~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-color: #ffffff;
    /* ~~ This is the layout information. ~~
    1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    .content {
    padding: 10px 0;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
    padding: 0 15px 15px 40px; /* 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 footer ~~ */
    .footer {
    padding: 10px 0;
    background-color: #ffffff;
    /* ~~ 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;
    body,td,th {
    font-family: Tahoma, Geneva, sans-serif;
    -->
    </style>
    <script src="scripts/jquery.js" type="text/javascript"></script>
    <script src="scripts/lightbox.js" type="text/javascript"></script>
    <link href="css/lightbox.css" rel="stylesheet" type="text/css" />
    <link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    /* BeginOAWidget_Instance_2127022: #gallery */
      .lbGallery {
       /*gallery container settings*/
       background-color: #ffffff;
       padding-left: 180px; 
       padding-top: 20px; 
       padding-right: 180px; 
       padding-bottom: 20px; 
       width: 900px;
       height: auto;
       text-align:center;
      .lbGallery ul { list-style: none; margin:0;padding:0; }
      .lbGallery ul li { display: inline;margin:0;padding:0; }
      .lbGallery ul li a{text-decoration:none;}
      .lbGallery ul li a img {
       /*border color, width and margin for the images*/
       border-color: #ffffff;
       border-left-width: 0px;
       border-top-width: 0px;
       border-right-width: 0px;
       border-bottom-width: 0px;
       margin-left:5px;
       margin-right:5px;
       margin-top:5px;
       margin-bottom:5px:
      .lbGallery ul li a:hover img {
       /*background color on hover*/
       border-color: #ffffff;
       border-left-width: 0px;
       border-top-width: 0px;
       border-right-width: 0px;
       border-bottom-width: 0px;
      #lightbox-container-image-box {
       border-top: 0px none #ffffff;
       border-right: 0px none #ffffff;
       border-bottom: 0px none #ffffff;
       border-left: 0px none #ffffff;
      #lightbox-container-image-data-box {
       border-top: 0px;
       border-right: 0px none #ffffff;
       border-bottom: 0px none #ffffff;
       border-left: 0px none #ffffff;
    /* EndOAWidget_Instance_2127022 */
    </style>
    <script type="text/xml">
    <!--
    <oa:widgets>
      <oa:widget wid="2127022" binding="#gallery" />
    </oa:widgets>
    -->
    </script>
    </head>
    <body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
    <div class="container">
      <div class="header">
        <div align="center">
          <p><img src="1title 2.png" alt="emma richards barnsley wedding photographer" width="1144" height="368" /></p>
          <p><a href="about.html"><img src="1.png" alt="about emma richards barnsley wedding photographer" width="143" height="46" border="0" /></a><a href="weddings.html"><img src="1.weddings.png" alt="weddings information barnsley photographer" width="162" height="46" border="0" /></a><a href="gallery.html"><img src="1.gallery.png" alt="barnsley wedding photographer image gallery" width="162" height="46" border="0" /></a><a href="pricing.html"><img src="1.pricing.png" alt="barnsley wedding photographer pricing information" width="162" height="46" border="0" /></a><a href="engagements.html"><img src="1.engage.png" alt="engagement photography couples shoot barnsley" width="221" height="46" border="0" /></a><a href="http://emmarichardsuk.blogspot.com"><img src="1 blgo.png" alt="emma richards wedding photography blog" width="105" height="45" border="0" /></a><a href="contact.html"><img src="1 contact.png" alt="contact emma richards" width="162" height="46" border="0" /></a></p>
        </div>
        <!-- end .header --></div>
      <div class="content">
        <div id="gallery" class="lbGallery">
          <div align="center">
            <ul>
              <li> <a href="2.ABBIE AND KID.jpg" width="600" height="400" title=""><img src="2.ABBIE AND KID.jpg" width="150" height="100" alt="barnsley wedding photography" /></a>
              <li> <a href="2.R AND M CUTTING CAKE.jpg" title=""><img src="2.R AND M CUTTING CAKE.jpg" width="150" height="100" alt="Park Inn wedding" "wath" "barnsley" "photography" /></a>
              <li> <a href="alex laura 1 (5).jpg" title=""><img src="alex laura 1 (5).jpg" width="150" height="100" alt="barnsley wedding photographer" /></a>
              <li> <a href="alex laura 1 (8).jpg"><img src="alex laura 1 (8).jpg" width="150" height="100" alt="whitley hall wedding" "sheffield" "barnsley wedding photographer" "reception" /></a> </li>
              <li> <a href="tree closer.jpg" width="600px" height="400px" title=""><img src="tree closer.jpg" width="150" height="100" alt="" /></a> </li><br />
              <li> <a href="11.jpg" width="600" height="400" title=""><img src="11.jpg" width="150" height="100" alt="barnsley wedding photography" /></a>
              <li> <a href="10.jpg" title=""><img src="10.jpg" width="150" height="100" alt="barnsley wedding photography" /></a>
              <li> <a href="James Ruth Church128.jpg" title=""><img src="James Ruth Church128.jpg" width="150" height="100" alt="whitley hall wedding" "sheffield" "barnsley wedding photographer" "reception" /></a>
              <li> <a href="2.ABBIE GROUP.jpg"><img src="2.ABBIE GROUP.jpg" width="150" height="100" alt="barnsley wedding photographer" /></a> </li>
              <li> <a href="12-5.jpg" width="600px" height="400px" title=""><img src="12-5.jpg" width="150" height="100" alt="barnsley wedding photography" /></a> </li><br />      
              <li> <a href="alex laura 1 (3).jpg" width="600" height="400" title=""><img src="alex laura 1 (3).jpg" width="150" height="100" alt="barnsley wedding photography" /></a>
              <li> <a href="confetti crop.jpg" title=""><img src="confetti crop.jpg" width="150" height="100" alt="barnsley wedding photographer" /></a>
              <li> <a href="Mark &amp; Rachel 025.jpg" title=""><img src="Mark &amp; Rachel 025.jpg" width="150" height="100" alt="park inn wedding" "wath" "barnsley" "photography" /></a>
              <li> <a href="Abbie Ben 0336.jpg"><img src="Abbie Ben 0336.jpg" width="150" height="100" alt="barnsley wedding photographer" /></a> </li>
              <li> <a href="Abbie Ben 0309.jpg" width="600px" height="400px" title=""><img src="Abbie Ben 0309.jpg" width="150" height="100" alt="barnsley wedding photographer" "first kiss" /></a> </li><br />
              <li> <a href="laughing 2.png" width="600" height="400" title=""><img src="laughing 2.png" width="150" height="100" alt="whitley hall wedding" "sheffield wedding photography" /></a>
              <li> <a href="2.double.jpg" title=""><img src="2.double.jpg" width="150" height="100" alt="Park Inn wedding" "wath" "barnsley" "photography" /></a>
              <li> <a href="132.jpg" title=""><img src="132.jpg" width="150" height="100" alt="whitley hall wedding" "sheffield" "barnsley wedding photographer" "reception" /></a>
              <li> <a href="Abbie and Ben 0621.jpg"><img src="Abbie and Ben 0621.jpg" width="150" height="100" alt="barnsley wedding photography" /></a> </li>
              <li> <a href="Abbie Ben 0320.jpg" width="600px" height="400px" title=""><img src="Abbie Ben 0320.jpg" width="150" height="100" alt="barnsley wedding photography" /></a> </li><br />
              <li> <a href="Abbie Ben 0011 copy.jpg" width="600" height="400" title=""><img src="Abbie Ben 0011 copy.jpg" width="150" height="100" alt="bouquet" "barnsley wedding photographer" /></a>
              <li> <a href="James &amp; Ruth0202.jpg" title=""><img src="James &amp; Ruth0202.jpg" width="150" height="100" alt="barnsley wedding photographer" /></a>
              <li> <a href="alex laura 1 (4).jpg" title=""><img src="alex laura 1 (4).jpg" width="150" height="100" alt="barnsley wedding photographer"  /></a>
              <li> <a href="123.jpg"><img src="123.jpg" width="150" height="100" alt="rotherham" "park inn wedding" "wath" "barnsley" "photography" /></a> </li>
              <li> <a href="Mark &amp; Rachel 311.jpg" width="600px" height="400px" title=""><img src="Mark &amp; Rachel 311.jpg" width="150" height="100" alt= "rotherham" "Park Inn wedding" "wath" "barnsley" "photography" /></a> </li><br />
            </ul>
          </div>
        </div>
        <div align="center">
        <script type="text/javascript">
    // BeginOAWidget_Instance_2127022: #gallery
      $(function(){
       $('#gallery a').lightBox({
        imageLoading:   '/images/lightbox/lightbox-ico-loading.gif',  // (string) Path and the name of the loading icon
        imageBtnPrev:   '/images/lightbox/lightbox-btn-prev.gif',   // (string) Path and the name of the prev button image
        imageBtnNext:   '/images/lightbox/lightbox-btn-next.gif',   // (string) Path and the name of the next button image
        imageBtnClose:   '/images/lightbox/lightbox-btn-close.gif',  // (string) Path and the name of the close btn
        imageBlank:    '/images/lightbox/lightbox-blank.gif',   // (string) Path and the name of a blank image (one pixel)
        fixedNavigation:  false,  // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
        containerResizeSpeed: 400,    // Specify the resize duration of container image. These number are miliseconds. 400 is default.
        overlayBgColor:   "#ffffff",  // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
        overlayOpacity:   0,  // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
        txtImage:    'Image',    //Default text of image
        txtOf:     'of'
    // EndOAWidget_Instance_2127022
        </script><!-- end .content --></div>
    </div>
      <div class="footer">
        <hr />
        <p align="right" class="container">07794 430 229 //   [email protected]</p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    </body>
    </html>

    emmarichards4 wrote:
    Do I need to have the same path as in my root folder, so for example within my Public folder with my host, have a 'script's folder and then put the 'jquery.js' file within that or should that not matter?
    All paths (the route from the parent file to the dependent file) are crucial.
    If the path is not correct, the required file will not be found and the effect will not work.
    There's no need to upload files individually and manually place them into remote folders. DW handles all file and folder paths for you if you use the Files panel.
    For example, http://www.emmarichards.co.uk/scripts/lightbox.js = 404 error. The file still does not exist on the server in that location.
    You should be able to click on the css and scripts folders locally, click Put and all files in those folders will be uploaded correctly.

  • IBooks Author: How do you get the inset margins applied to the caption text of gallery widgets to preview correctly?

    Currently the inset margins I set for caption text in the gallery widget reset to zero when previewed on different iPads. These galleries have multiple images and the captions are set to "individual caption per image" on the widget interaction panel. BUT the inset margins preview correctly if the gallery caption is set to "same caption for all images" in the gallery widget interaction panel. How does one fix this in iBooks Author? Would appreciate any advice or work arounds or suggestions.
    Thanks!

    The arrows don't show up on the iPad, they are only to aid navigation within iBA. You can use boxes in the background to frame your galleries (as the background is off). I believe it's also possible to change the colour of the dots beneath the gallery too, although I forget how to do that right now.
    About Apple's rigid UX – I agree that it can be frustrating. Apple intended iBA to be used by everyone, and the sort of design options and customisability we might want may confuse the less experienced user. Apple also wanted the UI for every book to be the same – from the point of view of the new user, once you've used one iBA ebook (or iBook, I'm not sure what Apple want us to call it), you can use them all. Otherwise end users would to get used to a slightly different UI on each book, which kind of works against the idea that ideally UI should be intuitive enough to be invisible. I can see the point in that. I have created a 'How to use' section in every iBA file I've made. It get's old quickly.
    Oh, and (you probably know this, but…) you can choose your own custom icon for audio. It's limited, as it's only a placeholder image that allows you to play an audio file, there's no ability to pause the audio or stop it once you choose the view as thumbnail choice. Something I'd like to see changed.
    Here's a link to Apple feedback page for iBA. Feel free to hammer it with your suggestions.
    https://www.apple.com/feedback/ibooks-author.html

  • MobileMe Gallery Widgets - 3 Curious Questions

    Have created and published an iWeb site which basically consists of one page, onto which I’ve positioned six MobileMe Gallery widgets. In the window for each of those widgets I’ve selected a particular MobileMe Gallery published from Aperture, each of which already has one particular image designated as its Key Photo.
    So now what’s left -- and what I’ve searched extensively but still can’t figure out -- is:
    1) How do I turn OFF the automatic “slideshow preview” going on inside each of those six Gallery Widgets, and make it so they each display only the Key Photo for that Gallery (at least until the user mouses over a particular widget, activating the scrub/scan feature to manually preview all the images contained in that Gallery)?
    2) How do I set each widget window to “fit” all the preview thumbs inside its dimensions, rather than arbitrarily hacking off the tops and bottoms of all the vertically-oriented images, which for many shots just looks arbitrary, amateurish, and really ugly?
    3) What is the current status of that ridiculous bug which didn’t allow the Gallery Widget to display a Gallery which had been published using the “Hide album on my Gallery home page” option? I do ultimately need to have that option checked, but have left it unchecked for now just to make sure the iWeb site containing the widgets would actually publish.
    So -- have the iWeb people and the MobileMe people FINALLY got this bug fixed, or do I still need to hold off activating that “Hide album...” option, and just let my professional Galleries be all mixed together with my personal ones? (Which again just looks arbitrary and amateurish, and encourages one to check out third-party solutions -- at least until such time as the different programming groups at Apple decide to actually talk to each other, and make programs which can interact in truly fluid, intuitive, and meaningful ways.)
    My 2¢ -- on top of 3 questions. Any advice or suggestions greatly appreciated.
    Thanks,
    John Bertram
    Toronto

    Old Toad wrote:
    John:
    #1 - are you referring to the "skimming" of photos as you move the cursor over the gallery? That's javascript controlled I believe and would require knowledge of javascript and widgets. You might ask Cyclosaurer as he's the resident expert on javascript and widgets.
    No, no, no -- I'm fine with the skimming, in fact I like that feature. I'm talking about the fact that EACH of the six different MobileMe Gallery widgets, from the moment I dragged each one onto the iWeb page I was creating and selected which already-published Gallery it should link to, began showing each of the different images contained in that Gallery/Album, changing to the next one every second or two. This happened completely on its own, I did not (at least not intentionally) select or activate anything, and it happens in ALL the widget windows, even though the mouse is not skimming over ANY of them.
    It continues (again, in every widget window, and completely on its own) when I save the page, it continues when I publish the page, it continues when I visit the page online. The only thing which does stop it -- temporarily -- is when I do mouse over a particular widget window and manually skim. But the moment I stop skimming, this "automatic slideshow preview" (I don't know what else to call it) kicks back in.
    Is this normal? Or is this some weird aberration peculiar to my system?
    The added annoyance is that when you click on one of the widgets, instead of going to that Gallery in its full album view, it goes to a single frame view of whichever image happened to be being displayed at the time you clicked, requiring the user to then click on the "Back to Album" button in the upper left to get their bearings. Which again makes me wonder -- is this normal?
    #2 - Again, you're referring to the skimming, right? Since it's a square shape the photos would have to be square to be able to be scaled exactly. Since it's only a "skim" of what's inside being perfectly scaled isn't that necessary.
    It certainly wouldn't be as annoying if I could switch off this "automatic slideshow preview" behaviour as described above. (Though even for the skim function, I still think it would make sense to have the option to have the images auto scale to fit completely within the widget window -- which is not square, by the way -- or at least on my system appears to only be sizeable as a horizontal rectangle, to a maximum size of 320x260 pixels. This orientation works fine for previewing horizontally-oriented images, but looks butt-ugly when completely decapitating various groups of people in vertically-aligned shots, of which I happen to have many.)
    In any case, if an auto-scale option to fit all image preview thumbs within the widget window (even for mere skimming) is something I need to add to my Feature Request list, that's fine. It's this bizarre, completely on its own "automatic slideshow preview" behaviour I'm still trying to understand.
    #3 - it still exists. If you don't want it to be displayed in your overall MMe gallery with the rest of the individual galleries Apple isn't letting it be published alone.
    Just to make sure we're talking about the same bug, in an ideal world I DON'T want these particular Gallery/Albums to be displayed as part of my overall MMe Gallery page, but I DO want them to be the designated content of the MMe Gallery WIDGETS which I'm including on the specific iWeb page in question. And if this bug still has not been fixed, then it appears I and many others are still S.O.L. for what should be a simple and obvious bit of formatting.
    Send your 2¢ worth to apple via http://www.apple.com/feedback/iweb.html. We're just users like yourself and can't do anything about it.
    Rest assured I will. What's one more page after the hundreds I've already sent them?
    I'm just a bit stunned that this particular bug hasn't been dealt with already. And it only reinforces my firm belief (see the thread at
    http://discussions.apple.com/thread.jspa?threadID=1996786&tstart=0)
    that Apple desperately needs an Inter-App Czar, someone with the carte-blanche power to literally FORCE different programming teams to make all Apple apps not only play nicely together, but to play intelligently and intuitively and creatively together!
    jb

  • How do you resize the Picture Gallery Widget? (below 279 pt)

    The Picture Gallery widget works very nicely on a book, but it's way too big for my book design. I want a smaller image in the corner of the book. Something you tap on to open the picture gallery.
    I can get rid of the title, the caption and the background and shrink the widget a bit, but then you go to the "metrics" section in the Inspector, and the widget will not go below a certain width or height (a potential disaster for the overall design of your book).
    Bookry's widgets will not cut it either. What is the option then? Do I need to hand-code my own picture gallery widget? Good Lord..

    The arrows don't show up on the iPad, they are only to aid navigation within iBA. You can use boxes in the background to frame your galleries (as the background is off). I believe it's also possible to change the colour of the dots beneath the gallery too, although I forget how to do that right now.
    About Apple's rigid UX – I agree that it can be frustrating. Apple intended iBA to be used by everyone, and the sort of design options and customisability we might want may confuse the less experienced user. Apple also wanted the UI for every book to be the same – from the point of view of the new user, once you've used one iBA ebook (or iBook, I'm not sure what Apple want us to call it), you can use them all. Otherwise end users would to get used to a slightly different UI on each book, which kind of works against the idea that ideally UI should be intuitive enough to be invisible. I can see the point in that. I have created a 'How to use' section in every iBA file I've made. It get's old quickly.
    Oh, and (you probably know this, but…) you can choose your own custom icon for audio. It's limited, as it's only a placeholder image that allows you to play an audio file, there's no ability to pause the audio or stop it once you choose the view as thumbnail choice. Something I'd like to see changed.
    Here's a link to Apple feedback page for iBA. Feel free to hammer it with your suggestions.
    https://www.apple.com/feedback/ibooks-author.html

  • The gallery widget and PDF export etc

    Hi all,
    I'm new to iBA so I have a lot of questions but I start with only two of them.
    I made a Photo portfolio type of iBook, using mainly the gallery widget after the intro chapters.
    Q1. Well, took some time to put it all together but now I'm close to finnish it, so I thought I had to preview how it looked as a PDF, and exported it.
    Quite surpricing that only the the first image on all pages with the gallery widget was present? Is that how it should be?
    I who thought the gallery widget navigations "buttons" would be converted to a link to the next image and that should get links for previous and next image and so fort, nutbut it didnt :-/
    Ok I can make pages for all images, but 700-800 pages for just them doesn't seem smooth IMHO :-)
    Q2. The gallery widget doesnt seem very flexable to handle both landscape and portright images att the same time, so I ended up making 2 pages for each gallery, one for landscape and one for portright mode images. What am I missing here?
    Wishlist for iBA:
    1. Make the gallery widget work for PDF export.
    2. Make the gallery widget flexible to auto-handle landscape and portraight images. (In runtime, in landskape mode of the iPad, the landscape images are shown as much as possible, and the portright ones fit in hight with perhaps a lightgray (customable?) background on the sides, and vise versa when held in portright mode.)
    /Cekari

    1.) Widgets by design require a way to interact - PDFs are just 'readable', so naturally the interaction can't be used and the first image is akin to a placeholder showing where the widget is laid out. In iBA's case, I think the PDF is most useful for proofing, demo, etc. - if a valid preview is desired, either publish as preview (still limited for some examples) or share as an .ibooks file via iTunes.
    2.) Layout your widgets in landscape, edit content in portrait and of course test in both. In those cases where you need a bit more control, bifurcate.
    Thanks for your wishlist: As always, feel free to use the 'Provide iBooks Author Feedback' menu item for features you'd like added in the future, etc.
    http://www.apple.com/feedback/ibooks-author.html
    New iBA users should see: Publishing With iBooks Author
    http://shop.oreilly.com/product/0636920025597.do
    Ken

  • Gallery widget- format for portrait or landscape

    When creating a gallery widget, it is possible for it to automatically format the widget for landscape and portrait images?  I need both portrait and landscape images, but when I resize the gallery, it automatically crops all of the images.  Is there a way to make the images shrink to scale within the gallery?

    Hi Sharin,
    Thank you for your response.
    yes, you right we can use both formats (portrait and land scape) in one smartform. But, here my probelm is when i use two main windows with difrerent main window size (width), the SAP system is not accepting. and even the page break also not working in secondary window.
    I want to display some number of forms with different format (say portrait and land scape). In this case the main window size is different. so how we can achieve solution for this issue.
    if you have any idea, please share with me.
    Thanks for your reply in advance.
    Ram.

  • MobileMe Gallery Widget Broke, MobileMe Support says to call Applecare

    This one has me, and mobileme, stumped. The resulting pick list in the Mobileme Gallery widget has now become unsynced with the actual mobileme galleries online. So while I can update existing widgets on this page, I can't add a new one. A work around was found (see the last Red Phase gallery, which was put on the page in a conventional way - but lacks the features of the widget of course. Mobileme Chat referred me to Applecare Phone Support, which of course does not work in the middle of the Himalayas. Anyone know the underpinnings of that widget? Thx!
    Page in question:
    http://web.me.com/studiosphoenix/Altf4/Photo_Galleries.html
    Message was edited by: coocooforcocoapuffs

    This is a problem that been going on for a while (since Snow Leopard I believe). I've not found a solution other than what you've done, link a photo to the MMe gallery page. You can link the photo to the individual photo page of the gallery rather than the thumbnail page. That would give you the same appearance as the widgets give you, i.e. use this link: http://gallery.me.com/studiosphoenix#100173/Altf4_Red01&bgcolor=black
    By the way, the album covers gallery's link is broken. The only area of the image that works as a link are the two words Album Cover. Clicking anywhere else gives no results.

  • Web Gallery Widget not viewable from iPhone

    I have created web photo galleries in iPhoto 08. Then I have opened iWeb08 and created a page an added a web gallery widget for each of the galleries on this page, everything works fine. Now I fire up the iPhone and go to my iWeb page where the widgets are located.
    The problem is the web gallery widget appears on the iPhone screen as a blue cube with a question mark on two sides and some round grey circles on top. I can not access the galleries from iPhone. Are these cubes a representation for some program that the iPhone can't open? Any help is appreciated.

    Don't know if this helps, but there is special formatting for Web Galley pages on your iPhone. When you open the link to your gallery in Safari you will get a screen of clickable thumbnails. Clicking the My Gallery button will take you to your other galleries. Clicking a thumbnail will bring up the image and the Play button.
    Kevin

Maybe you are looking for

  • Japanese character in Code Editor of "View" is shown as Question Marks

    Hi All, I have a probelm where I tried to create a view having decode function as shown below: decode(A.resource_process_name,         'ザイコ', 'Inventory',         'PP良後', 'Wafer BE',         'PP良前', 'Wafer FE',         'PP良済', 'Wafer',         'PP良引'

  • Icons in favorites bar

    Is there STILL no way to have only icons on the Favorites bar for bookmarks?

  • J2SE JRE on a thin client problems!!!!!!!!!!

    HELP! I would like some help regarding a situation where a webstartable application totalling approx 400k as a prototype app is being sent to a thin client. This thin client is a Wyse computer with a 96mb flash card for its hard disk space. The Java

  • How to get the httpsession ?

    I want to use the httpsession in the managed bean,how can I get the httpsession? If anyone knows how to ,tell me,please.Thanks a million.

  • CMYK breaks different in Pantone books to Illustrator swatch conversion

    Why are CMYK breaks specified differently in Pantone books as to when you convert the same spot colour to CMYK in Illustrator swatch options? More importantly, which one is correct?