How to resize image gallery popup on mobile devices
Hi
I have a responsive site and the image gallery popup window does not resize on mobile devices. Please check the site site on mobile or simply shrink your browser.
I tried changing the CSS attributes for the specific @media but it didn't work well.
http://stsstone.businesscatalyst.com/gallery-by-applications-cladding
Cheers
Micha
Hi Micha,
This could be of help: http://www.rush-creek.com/lightboxHTHcustCap1a/lightboxHTHcustCap1a.html
Kind Regards,
Alex
Similar Messages
-
How to resize image using java imageio
Hello ,
I want to know how to resize image using java imageio.
I dont want to use java awt because i am writing a web application.
help is very much needed
thank you.Just use an AffineTransform !
Its much easier -
How to resize image on my mac?
How to resize image on my mac?
What version of Mac OS X do you have? In Preview under 10.9 Mavericks (I believe 10.8 too), this is what I see:
The padlock is next to the unit (pixels, etc) selection box.
Matt -
How to embed JavaFx Script application into mobile devices
Hi,
I had created small JavaFX script application.How can i embed this application into mobile devices.I got the information that JavaFX Mobile is java mobile operating system.How can i set up this.Look into the Adobe AIR runtime. This can do what you are looking for (no embedding of acrobat necessary, its built-in)
-
How to resize image in JSP using JAI ??!!
Please help me how to resize an JPEG image from my JSP, could I use JAI lib ? how ?
Hello,
I had the same problem few months ago ( in that case i used Jimi instead of JAI).
The answer to your question is: use the java class called "Image".
Infact you can use JAI just for load or save to disk your image that you have to resize and then use the following code to resize the image :
Image imgResized = img.getScaledInstance(100,1,Image.SCALE_AREA_AVERAGING);
The object "img" is the image to resize and the object "imgResized" is the image resized with width equals to 100 and with a right height.
I used Jimi just to save my image and i think that with JAI there is a method to do this.
You can use JAI to load in memory your image too so you can avoid problem with MediaTraker class.
I hope that this can help you.
Cheers.
Stefano -
Hi guys any tips or advise on how to resize an image i know
there are various tools but is there a tool in Adobe flash
professional and how can I do it
cheersIn what way do you want to resize the image? Are you
importing graphics that you want to resize when you import them at
runtime? Do you want to resize the images to a specific size or
relative to one imported image? Or do you want to resize one or
more images for a specific purpose at runtime based on some user
input? Or is it something else? -
How to upload image in windows azure mobile service from android?
I am new in android I am using windows azure mobile service and I am Inserting Text data successfully but now I want to Upload Image in windows azure mobile service. I know its is possible by Azure Storage I have seen this chrisrisner post but
its confusing can anyone tell me simple step by step process to save image in windows azure mobile service.
I will be Very Grateful for you. its very urgentHello Nitesh,
Saving an image into Azure Mobile Services doesn't scale very well and it's not recommended. It's recommended to use Azure Blob Storage for blob storage. It's cheaper and can store larger files.
You can definitely use both Azure Mobile Services and Blob Storage together by saving the name of the image in your Mobile Services table and storing the actual file in the Blob storage. This way when you need to retrieve the actual image, you would retrieve
it by it's name from Blob storage.
Here's a MSDN article that explains how to use
Azure Blob Storage.
Let me know if this helps.
Abdulwahab Suleiman -
How to resize image with high quality
I refer lot of examples in image resizing. But quality of resized image not good. pls can give me solution for that with code?
I refer lot of examples in image resizing.Have you read [_this article_|http://today.java.net/pub/a/today/2007/04/03/perils-of-image-getscaledinstance.html]?
db -
How to resize Image Jpeg ?
I have a problem when I scale file image Jjpeg.
My code :
public void resize(Image img){
BufferredImage bimg = toBufferedImage(img);
AffineTransform tx = new AffineTransform();
tx.scale(125,125);
AffineTransformOp op = new AffineTransformOp (tx,AffineTransformOp.TYPE_BILINEAR)
bimg = op.filter(bimg, null);
public static BufferedImage toBufferedImage(Image image) {
if (image instanceof BufferedImage) {
return (BufferedImage)image;
// Determine if the image has transparent pixels; for this method's
// implementation, see e661 Determining If an Image Has Transparent Pixels
boolean hasAlpha = hasAlpha(image);
// Create a buffered image with a format that's compatible with the screen
BufferedImage bimage = null;
GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
try {
// Determine the type of transparency of the new buffered image
int transparency = Transparency.OPAQUE;
if (hasAlpha) {
transparency = Transparency.BITMASK;
// Create the buffered image
GraphicsDevice gs = ge.getDefaultScreenDevice();
GraphicsConfiguration gc = gs.getDefaultConfiguration();
bimage = gc.createCompatibleImage(
image.getWidth(null), image.getHeight(null), transparency);
} catch (HeadlessException e) {
// The system does not have a screen
if (bimage == null) {
// Create a buffered image using the default color model
int type = BufferedImage.TYPE_INT_RGB;
if (hasAlpha) {
type = BufferedImage.TYPE_INT_ARGB;
bimage = new BufferedImage(image.getWidth(null), image.getHeight(null), type);
// Copy image to buffered image
Graphics g = bimage.createGraphics();
// Paint the image onto the buffered image
g.drawImage(image, 0, 0, null);
g.dispose();
return bimage;
}This is my code :
private ImageIcon getImageIcon(String path){
ImageIcon iIcon = new ImageIcon(path);
if(iIcon.getIconHeight() > 125 || iIcon.getIconWidth() > 125){
Image img = iIcon.getImage();
int iw = img.getHeight(null);
int ih = img.getWidth(null);
BufferedImage bImage1 = toBufferedImage(img);
BufferedImage bImage2 = new BufferedImage(400,400,1);
AffineTransform tx = new AffineTransform();
tx.scale(400,400);
AffineTransformOp op = new AffineTransformOp(tx, AffineTransformOp.TYPE_NEAREST_NEIGHBOR);
BufferedImage bImage3 = op.filter(bImage1, bImage2);
img = Toolkit.getDefaultToolkit().createImage(bImage2.getSource());
return (new ImageIcon(img));
if(iIcon == null)
return null;
return iIcon;
public static BufferedImage toBufferedImage(Image image) {
if (image instanceof BufferedImage) {
return (BufferedImage)image;
// Determine if the image has transparent pixels; for this method's
// implementation, see e661 Determining If an Image Has Transparent Pixels
boolean hasAlpha = hasAlpha(image);
// Create a buffered image with a format that's compatible with the screen
BufferedImage bimage = null;
GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
try {
// Determine the type of transparency of the new buffered image
int transparency = Transparency.OPAQUE;
if (hasAlpha) {
transparency = Transparency.BITMASK;
// Create the buffered image
GraphicsDevice gs = ge.getDefaultScreenDevice();
GraphicsConfiguration gc = gs.getDefaultConfiguration();
bimage = gc.createCompatibleImage(
image.getWidth(null), image.getHeight(null), transparency);
} catch (HeadlessException e) {
// The system does not have a screen
if (bimage == null) {
// Create a buffered image using the default color model
int type = BufferedImage.TYPE_INT_RGB;
if (hasAlpha) {
type = BufferedImage.TYPE_INT_ARGB;
bimage = new BufferedImage(image.getWidth(null), image.getHeight(null), type);
// Copy image to buffered image
Graphics g = bimage.createGraphics();
// Paint the image onto the buffered image
g.drawImage(image, 0, 0, null);
g.dispose();
return bimage;
When I recieve Img3 which is not same original Image (img1)
Please help me ? -
How will Reflow work with higher resolution mobile devices?
If the media queries are based on a resolution breakpoint, how will we be able to specify a mobile css design for new mobile devices with such high pixel density displays?
I haven't found a workaround for device pixel ratio but I have found that creating my sprite at double res and oversizing my images helps greatly with sharpness on hi-dpi displays. Reflow does allow for CSS3 background sizing which is great for resizing a single sprited item across breakpoints.
SVG would be even better but OSX Mavericks has made illustrator unusable for the time being, so I'm using raster-only sprites. -
Why are my images darker on a mobile device?
Ok so here's a weird question. When I edit my images in PSE12, they look flawless on my computer. They even still look great on Facebook on my computer. When I view my images on my Android phone, even on Facebook, the images are darker, the colors are what I can best describe as violent. My customers say that the images are still great on disc. What my question is, how can I make the images look better on my Android phone and would my customers see the same awful colors on their devices or would they look like they do on a computer? I've tried resizing the images, readjusting, converting to sRGB, you name it. HELP PLEASE!!! Lol. I just want a fair and true representation of my work on mobile devices as they are on PC. Forgot to add that even when I just transfer the images via USB to my device, they're still dark.
I don't know if this applies, but:
Dark-tinted or dimmed images | 8sms
You may want to ask here:
http://androidforums.com/ -
How do I start/turn on Apple Mobile Device?
I just plugged in my iPod into my PC (Windows Vista) and I got an alert saying that my Apple Mobile Device has stopped working. How do I fix this problem?
Type "Apple Mobile Device service" into the search bar at the top of this page by "Support"
-
What does this mean and how do i fix this so my ipod works again on my computer and itunes: "Service 'apple mobile device' failed to start. Verify that you have sufficient privileges to start system services." I tried "retry", i tried "abort" and started over. I keep getting stuck in the same place.
Hello DEstadt,
Thanks for using Apple Support Communities.
For more information on this, take a look at:
iTunes 11.1.4 for Windows: Unable to install or open
http://support.apple.com/kb/TS5376
Check for .dll files
Go to C:\Program Files (x86)\iTunes and C:\Program Files\iTunes and look for .dll files.
If you find QTMovie.DLL, or any other .dll files, move them to the desktop.
Reboot your computer.
Note: Depending on your operating system, you may only have one of the listed paths.
Uninstall and reinstall iTunes
Uninstall iTunes and all of its related components.
Reboot your computer. If you can't uninstall a piece of Apple software, try using the Microsoft Program Install and Uninstall Utility.
Re-download and reinstall iTunes 11.1.4.
Best of luck,
Mario -
How do I handle message Service Apple Mobile Device failed to start?
I am not able to install itunes 11.1.4 on my PC. After download program runs starting services. I then get the message service "Apple Mobile Device" failed to start. How do I handle this?
Hello DEstadt,
Thanks for using Apple Support Communities.
For more information on this, take a look at:
iTunes 11.1.4 for Windows: Unable to install or open
http://support.apple.com/kb/TS5376
Check for .dll files
Go to C:\Program Files (x86)\iTunes and C:\Program Files\iTunes and look for .dll files.
If you find QTMovie.DLL, or any other .dll files, move them to the desktop.
Reboot your computer.
Note: Depending on your operating system, you may only have one of the listed paths.
Uninstall and reinstall iTunes
Uninstall iTunes and all of its related components.
Reboot your computer. If you can't uninstall a piece of Apple software, try using the Microsoft Program Install and Uninstall Utility.
Re-download and reinstall iTunes 11.1.4.
Best of luck,
Mario -
Some images not loading to mobile devices.
So I'm having issues copying few images form iPhoto on my iMac (Mountain Lion) to both of my mobile devices.
These images used to be on both of my devices but for some reason have now disappeared from them and refuse to copy back to either my iPhone and iPad.
I initially thought these images may have got corrupted somehow so I deleted them from iPhoto and replaced them with new copies. All of the files are in jpeg format and smaller than other files i have in iPhoto which copy to my mobile devices successfully. This had no effect which I find a little strange.
I then tried the following, none of which has worked;
1. deleted my iPod photo cache
2. rebuild iPoto Library (each box was ticked and the repair/rebuild undertaken before closing iPhoto and moving on the the next repair/rebuild action)
3. Number 2 didn't work so I deleted my iPod cache again.
4. Disk utility - verify & repair permissions
I still think that it may be corrupt file issue as all of the images used to successfully copy to my devices in the past without issue.
But if this was the case, surly when these images were deleted and replaced with new jpeg images (made from my master PSD of TIFF files via photoshop) they should then copy over successfully?
confused.comAs a Test:
Hold down the option (or alt) key and launch iPhoto. From the resulting menu select 'Create Library'
Import a few pics into this new, blank library. Is the Problem repeated there?
Post back with the result.
Maybe you are looking for
-
Hi my name is Scott, I'm trying to get my old information (apps, music) from my iphone that was previously on a different account to sync on a new account. I just got a new macbook pro and got a new account to go with it. Now i have tried to homesh
-
HT201269 Transferring photos from iPhone 4 to new 5.
I set up my new phone and all went well, or so I thought, but not all my photos transferred. What apparently happened is my phone stopped backing up in the iCloud awhile ago due to being over the limit. It is the photos from that point forward that
-
Zen Sleek Photo Installation Wo
Hey guys, I just bought a Creative Zen Sleek Photo MP3 player and i'm having trouble installing the driver. After plugging it in, windows detects the new hardware and goes thru the installation process the driver. At the end it tells me: "Cannot inst
-
HP1102W wireless printer has no ip address.
Hi I am trying to connect a HP1102W printer to a Telstra Personal hot spot device (small black stand alone device that can control up to 5 devices) Is this at all possible? The wireless printer does not have a solid blue light only flashing blue Conf
-
Flash media playback not playing local files?
hi I want to use flash media playback http://www.adobe.com/products/flashmediaplayback/ to play some local FLV files on our intranet but it doesnt seem to work with local files I can play this http://www.osmf.org/configurator/fmp/ but when i replace