Gallery widget crops photos

Is there a way to have the photos appearing in the gallery widget on a page adjust to the size of the widget without them cropping heads off etc?
If i open the gallery online (from the published page) the photos are of course as they appear in iphoto, but sitting on the iweb page and/or scrubbiing through, they do not sit in the frame correctly. Any way to change it?

Because the MMe Gallery uses Flash it doesn't work with Mobile Safari.
To overcome that, I created a gallery in HTML/CSS using the pictures from the MMe Gallery.
iPhoto stores the pictures in the iDisk>Web>Sites>_gallery folder.
The folders have a 6 digit name and contain the images in several sizes.
For the slideshow below I use the medium.jpg files.
The images do not rotate automatically. It needs a JavaScript to do that. You have to add it yourself. Or wait till I have.
When you hover over the images a new image displays and is the link to the image on the MobileMe Gallery page.
On Mobile Safari you cannot hover over the mages. You have to click the vertical area to see a new picture and then click again to go to the MMe Gallery.
The areas are separated with a dotted line.
The link opens in a new browserwindow : target="_blank"
http://www.wyodor.net/_SlideShow/gallery.html
To display the page in iWeb, you use a <iframe> in the HTML Snippet :
<iframe src="http://url/to/gallery.html" frameborder="0" width="427" height="285" scrolling="no" allowTransparency="true"></iframe>
Feel free to use the slideshow code and improve on it.

Similar Messages

When importing photos with iBooks Gallery widget, is anyone aware of a technique for simultaneously importing the photo's description (or jpeg file name) and writing it into the iBook Author caption field for the imported photo?

When importing photos with the iBooks Author Gallery widget, is anyone aware of a technique for simultaneously importing the photo's description (or jpeg file name) and writing it into the iBook Author caption field for the corresponding imported photo? I have 4,800 stills to import and can't imagine it's necessary to copy and paste the description for each.

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
As for AS, I'm not sure anyone has sniffed iBA's dictionary yet...google is you friend for hot prospects, I'm sure

Photo Gallery widget

Hullo,
Recently my Xperia suggested that I move all my photos from internal storage to the SD card as the internal storage was registering 75% full. This happened last week when I was downloading a *.docx file type document to the phone.
This week the Photo Gallery widget displayed a red screen and a warning that it could not display the file photos, so I deleted it from the screen thinking that the widget just needed to be reset after the phone relocated the file path of the photos to the SD card.
I can no longer find the Photo Gallery widget in the app draw OR where the other widgets reside. It looked similar to the YouTube widget, it allowed you to flick / scroll through the images without opening the Album. So you could review you recent past pictures quickly and then once you located the one shot you could select it and open the image either to edit it or just to view.
Any suggestions welcome

@Ashroft98...Go to Settings > Apps > Swipe to the left three times until you see the "Disabled" section of Apps > Scroll down until you see "Photo And Videos" app.Then press "Enable"
I could not find the "Disabled" section of Apps, however the "Photo and Videos" app was there and already enabled.
@Ashroft98...Go to Settings > Apps > Swipe to the left twice until you see the "All" section of Apps > Scroll down until you found "Photos and Videos" app and press clear data.
And restart your phone
Have cleared cashe and data then restarted phone but to no avail,
What is the widget called please I can not locate it anywhere?
Thanks for the reply

Massive Photo Gallery Widget looks strange

Hi guys
I am working with a new widget called "Massive Photo Gallery Widget" and it should look like this: http://musegrid-massive-photo-gallery.businesscatalyst.com/
but on my website it looks like this: Bildergallerie
I think it looks a little bit like the menu I have on the website. The menu is also a new bought widget and it's called "Steal Menu Widget". Maybe the other widgets aren't compatible to the steal menu widget or something like this?
Thank you and kind regards
Julia

Hello Sanjit
Thanks for your answer. When I look to the widget on my website it looks like this:
I'm working with google chrome, maybe that's the reason why we see different widgets?

IWeb Photo Gallery widget

On one of my website pages, I have several widgets with photo galleries. They all worked fine for a couple of months. Now, when working in iWeb, the first widget shows the slide show of my photos but has a flashing white square in the middle of it. The rest of the widgets are black with the flashing white square in the middle. I have tried deleting and then reloading the widgets, and the problem remains.
When I view this web page on Safari, the first widget works perfectly. The rest remain black.
When I view this web page on Firefox or Internet Explorer, all the widgets work perfectly.
Can anyone tell me a fix for this problem?

cynthia:
Go into your User/Library/Caches folder and empty the iWeb folder. Launch iWeb and give it another go. If that doesn't help boot into Safe Mode and try iWeb again. If iWeb works OK then there's a problem with some of the system and/or 3rd party extensions, etc. If iWeb still misbehaves a reinstall of iWeb might be warranted. If you get to that point you'll have to delete the current application and all files with "iWeb" in the file name that reside in the HD/Library/Receipts folder. Then reinstall from the disk it came on and apply any iWeb updaters that you can download from Apple Downloads page.
OT

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">

</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">

</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>
    </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 & Rachel 025.jpg" title=""><img src="Mark & 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 & Ruth0202.jpg" title=""><img src="James & 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 & Rachel 311.jpg" width="600px" height="400px" title=""><img src="Mark & 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></div>
</div>
<div class="footer">
    <hr />
    <p align="right" class="container">07794 430 229 //   [email protected]</p>
</div>
</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.

Question on Gallery Widget.

With the gallery widget, is it possible to have pictures shrink to fit in the image area? For example, if the widget is a horizontal rectangle, vertical images are cropped at the top and bottom whereas I would like the image to be resized smaller so that it can fit in the area. Thanks!

After giving up on trying to resize my images in Photoshop and/or iBooks Author 1.1, I finally ended up with the following workaround. Perhaps there’s a more elegant solution, but this is the only way I could consistently make my “portrait layout” type images fit the widget box perfectly:
) Drag the image straight into your document (without putting it in a widget).
) Make your image the size you want it to appear once it’s actually in the widget box. (Click on the Inspector, then the ruler icon so that you can see the current size of your image. Resize your image so that it is at least 279 pt wide and 242 pt long since that is the minimum size of the gallery widget.)
) Insert the gallery widget. Under Layout, uncheck title and caption for now. Leave background checked. Under the ruler, make sure constrain proportions is unchecked.
) While the gallery widget is selected, go to Arrange and select “Send Backwards” so that the widget is behind the photo you inserted in step 1.
) Move the image on top of the widget. Resize your widget until the photo appears to fit inside the empty box perfectly.
) Delete the image.
) NOW, go back and actually insert the image into the widget box you resized in step 5. While the gallery widget is selected, go back and check constrain proportions. Also, add whatever titles, thumbnails, etc. you may want.
) You can add more photos to this gallery. As long as they have the same aspect ratio as the one that’s already in the widget, they should fit. If not, try using the “edit mask” to adjust them one by one.
Hope this helps someone:)

Lumia 1020 Gallery Widget - How to Delete Sample P...

I've got the Nokia photo gallery widget pinned to the home screen of my phone. When the Black update installed, new sample photos were also installed and these sample photos show up on the gallery widget in the image preview. I was able to delete some of these photos from within the Nokia Camera app but some are still showing up in the widget on the home screen. I'm unable to find these photos on the phone so am unable to delete them. I don't want these sample images on the phone. How can I delete these sample images?
Second question is in regard to the ordering of images in the gallery app. I have the images named in the following manner: Image01, Image02, Image03.... I did this so that when the images were transferred to another device, they would show up in the proper order in the gallery and so that when they were shown to people, they would show in the proper order. When I transfer the images to any of my Android devices, they are properly ordered in any of the gallery apps I use. When transferring the images to my Windows Phone, they are not properly ordered. They show up in some random order that I'm unable to figure out. Perhaps it's date-based and based on the date the images were captured in the image EXIF, I'm not sure. Is there any way to get the images to appear in the proper, image name-based order?
Thank you.

@ceroberts75 - If so, that's both unfortunate and completely inconsistent with computing convention. And very bad programming.
@farby - It's been 4 days.
I did find a solution to the home screen tile problem. Going into the gallery, pressing ... and choosing Shuffle background seems to get rid of the sample photos and uses my onw pictures that are stored on the phone.
Thanks.

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

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

Problems using lightbox gallery widget

Hi, I am just learning Dreamweaver and thought I would try out a widget. I tried the lightbox gallery widget, and it mostly works, except that I get a box with a question mark on the right, under the photo when it is enlarged. It can't find some of the included widget image icon files. Anybody know why? It does it in live view and firefox and safari.
I looked at the code and from what I can tell, the code references images which appear to be in the correct directory /images/lightbox/blahblah.gif.
For example, the widget is supposed to say 'close' under the image, and that text is a .gif image apparently.
Anyone have this trouble or know what the problem could be?
Thanks
Bob

I found a fix for something similar that occurred on my machine. I too was seeing no problems locally but when I posted it to my site, it just had the placeholder and no images....
Apparently, dreamweaver is smarter than the browser... (maybe incorrect statement) however..... the file extensions are case sensitive!
I had this-------- <A href="Img/CGM_1.JPG" border="0" rel="lightbox[Img/CGM_1thumb.JPG]" title="CGM Pic Set"><img src="Img/CGM_1thumb.JPG" /></a>
<a href="Img/CGM_2.jpg" rel="lightbox[Img/CGM_1thumb.JPG]"></a>
                  <a href="Img/CGM_3.jpg" rel="lightbox[Img/CGM_1thumb.JPG]"></a>
                  <a href="Img/CGM_4.jpg" rel="lightbox[Img/CGM_1thumb.JPG]"></a>
Well, I didnt think anything was so bad, all of the colors were right I wasn't getting any warnings.... wtf?
As it turns out, and this is only because I just started a new image set after testing an individual - - baby steps - - if you use the properties bar at the bottom of DW, it applies a different case for specific parts...... i.e. this is what it produced
<A HREF="Img/CGM_1.jpg" border="0" rel="lightbox[Img/CGM_1thumb.jpg]" title="CGM Pic Set"><img src="Img/CGM_1thumb.jpg" /></a>
                  <a HREF="Img/CGM_2.jpg" rel="lightbox[Img/CGM_1thumb.jpg]"></a>
                  <a HREF="Img/CGM_3.jpg" rel="lightbox[Img/CGM_1thumb.jpg]"></a>
                  <a HREF="Img/CGM_4.jpg" rel="lightbox[Img/CGM_1thumb.jpg]"></a>
Notice the HREF's are now UPPER case and the jpg's are now lower case. !!!! really?!?!?
Also, another thing to look out for is the folder/ in front of your thumbnail; make sure it is there. In my case I use my sam "Img" folder, not the "images" folder that lightbox creates.
Hope this helps, I beat my head against the wall for a total of 10 hours over 2 days trying to figure this out. I couldn't find anything on the internet. I'm going to post this so others having this issue get it resolved. I found those, just no resolution.

Lightbox Gallery Widget for Mobile Site

A few questions regarding Lightbox Gallery Widget...
Is there a trick to getting a lightbox gallery inside of each Spry Tabbed Panels 2 tab?
Is there a way to scale down the enlarged photos 50% with css for iPhone retina display (as can be done with Spry Content Slideshow)?
Is there a way to show (make visible) the Prev/Next buttons on the enlarged images for touch screen? I've moved them outside of the image area, but the hover state doesn't seem to be editable with CSS.
Thanks,
Steve

1, There is no trick, just make sure that each unique constructor is within each each tab.
2 and 3 The widget is third party and as such you will need to obtain the information elsewhere like here http://leandrovieira.com/projects/jquery/lightbox/
Gramps
PS example of placing the widget inside a panel
    <div class="TabbedPanelsContent">
         <div id="gallery_2" class="lbGallery">
           <ul>
             <li> <a href="images/lightboxdemo1.jpg" title=""><img src="images/lightboxdemo_thumb1.jpg" width="72" height="72" alt="Flower" /></a> </li>
             <li> <a href="images/lightboxdemo2.jpg" title=""><img src="images/lightboxdemo_thumb2.jpg" width="72" height="72" alt="Tree" /></a> </li>
             <li> <a href="images/lightboxdemo3.jpg" title=""><img src="images/lightboxdemo_thumb3.jpg" width="72" height="72" alt="" /></a> </li>
             <li> <a href="images/lightboxdemo4.jpg" title=""><img src="images/lightboxdemo_thumb4.jpg" width="72" height="72" alt="" /></a> </li>
             <li> <a href="images/lightboxdemo5.jpg" title=""><img src="images/lightboxdemo_thumb5.jpg" width="72" height="72" alt="" /></a> </li>
         </ul>
       </div>
      <script type="text/javascript">
// BeginOAWidget_Instance_2127022: #gallery_2
          $(function(){
               $('#gallery_2 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:           "#999999",          // (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:               .6,          // (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>
    </div>

Gallery widget crops photos

Similar Messages

Maybe you are looking for