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

  • How to resize image in flash

    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
    cheers

    In 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 urgent

    Hello 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 it:  "service 'apple mobile device' failed to start. verify that you have sufficient privileges to start system."

    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.com

    As 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