Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #23602

    Hi,

    I made my images ready for retina (Hidpi) displays. My featured images are uploaded with a size of 2000px width to get them to a retina size of 1000px.

    When I want to see the full size image on my non-retina desktop screen it is too large, so the close full size button disapear at the right edge of my screen but also, there is no scrollbar for horizontal scrolling available. So the customer can only use the ESC key to get back if he is aware of it.

    Any idea to avoid this without providing smaller images?

    Thank you

    Tom

    #120457

    add-on: with mobile device emulation it fits into the viewport, but there is no fullscreen option.

    so, to detail my question: is it possible to make the container max-widht according to the viewport?

    By inspecting the code I see: ‘<div class=”pp_hoverContainer” style=”height: 2660px; width: 2000px;>”‘ But my viewport has only about 1500px…

    Don’t want to make pressure, but I stuck now in workflow cause I’m not sure with which size I should add my featured images for all of my products, so much appreciate a urgent feedback :)

    Thanks a lot

    Tom

    #120458

    Hey!

    Actually Prettyphoto should display an “expand” button if the image size is bigger than the viewport size. Please post a link to your website and I’ll investigate the code.

    Regards,

    Peter

    #120459

    Hi Dude,

    sorry – localhost.

    see the url: http://goo.gl/mt5ry

    The expand button I have on non-smartphone device (firefox win7), but when I expand then it expands to full image width (2000px) but the viewport is only 1500px width, without having a horizontal scrollbar, so the “unexpand” and the close buttons which are both on the right are not reachable!

    Regards

    Tom

    #120460

    Hi again,

    I’m still don’t know what to decide, making the images smaller (where there always will be a device which is too small) or to find a solution for this issue…

    However, here is the source of the page where the 2000px image is in: http://goo.gl/txKS9

    looking forward for feedback

    Thank you

    Tom

    #120461

    In this case the only “easy fix” I can suggest is to change the expand button position. Insert following code into the quick css field:

    a.pp_expand, a.pp_contract {
    left: 30px !important;
    }

    I looked into it and unfortunately it’s not easily possible to make the lightbox scroll-able on the x-axis.

    #120462

    Hi Dude,

    to make the lifgtbox scrollable would not be my prefered solution.

    I’d prefere the container always fits into the viewport – something like “width = 100%” !?

    Regards

    Tom

    #120463

    Hey!

    Yes, I understand but PrettyPhoto doesn’t support such an expand mode at the moment and this would require a time intensive customization of the lightbox/PrettyPhoto script.

    Regards,

    Peter

    #120464

    OK, then I have a new question – sorry.

    What is the recomended origin size I should upload my featured images?

    In functions.php the fullsize/featured image is configured with 1500×430. When I upload the same image with 1500px width it is still too large on my screen (wieport about 1500px). I do see the expand/contract button but the pp_hoverContainer still goes beyond the viewport. Looking into my google analytics report I see that about 35% of my audience are coming with screen reolutions below 1440px on my old website.

    Even those with the higher resolutions I can not expect that they will work with maximized windows….

    Thanks for a final recommendation on this issue!

    :)

    Tom

    #120465

    Hi,

    If you check your functions.php, you can find this line of code

    $avia_config['imgSize']['fullsize'] = array('width'=>930, 'height'=>930, 'crop'=>false); // big images for lightbox and portfolio single entries

    That is the thumbnail size use by the prettyPhoto plugin.

    Regards,

    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Problem whit oversized feature image in full size mode’ is closed to new replies.