I'm using fancybox 2.0.6 and trying to figure out a way to get the thumbnail strip to stay either relative to the current image- it needs to be more visible as opposed to the bottom of larger browser windows.
I've used the jquery.fancybox-thumbs.css to adjust the bottom: 120px which helps but if the browser window is smaller the thumbs obstruct the current image.
The only jquery options I've seen are "top" or "bottom".
Any thoughts on keeping it relative to the image without it changing on different sized windows?
Related
I've figured out how to make the maximize portion of this work using the aspect ratio built in function on a button to scale a panel up to the full size of the screen. Haven't been able to find anywhere how to get it to back down to its previous size.
I'm trying to display images in a fixed size box (the grey area in the image here). When the submit button is pressed new images will be fetched from the internet. But the images will be different sizes.
So to prevent the "submit" button moving up and down due to different size images (and potentially having it off the screen) I'd like the images to fit inside the box. (I suppose there are a few options there, for example having the image resize to fit in the box or having the image be clipped and still fitting in the box.) I've been messing with containers and columns etc for ages but nothing seems to work.
what is the best way to fit images of different sizes into a fixed size box ?
The Image widget can have a height be specified. You can read more about that here
I basically want to make overlays like you know them from the package explorer in eclipse, a base image, and a smaller picture laid above in the bottom right corner. I used DecorationOverlayIcon for this and fist some pics from the already existing resources just to if it works. It the overlays showed up, but even though I had given the following instructions
imageDescriptorArray[IDecoration.BOTTOM_RIGHT] = alreadyExistingImageDescriptor;
DecorationOverlayIcon(baseImage, overlaysArray);
the overlayed image was very big. Than I made my icon, which is a 16x16 .png. It like the other pictures covers up the icon almost completely. How do I make the image smaller, do I have to convert it to a smaller size like 8x8 for that, or alternatively, how do I push it further down?
DecorationOverlayIcon doesn't resize anything so you must provide small images for the overlays.
There is also no way to change the calculated position of the overlays.
I am using FB 1.3.
I have got images with a lot of text to show as title outside.
The problem is that the image itself is centered correctly but the title runs out of the viewport at the bottom. On smaller screens you cannot read the entire text whats pretty bad.
Any ideas?
Is it possible to have a menu bar (navigation bar) on a web site that is independent of iPhone’s zoom (i.e. with fixed width and height) while the rest of the site can be zoomed in and out?
With meta "viewport" I can set the zoom of the whole website, I want to exclude some parts.
It seems that it can't be done by using iFrames or CSS transforms.
Is it possible to be done by tracking Gestures that scale elements, and using javascript to rescale my menu?
iPhone's zoom is a graphical thing - it does not change the html rendering of the page (although it may look at the html element for hints about what how much to zoom).
So, not really, no.