Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #21927

    Hi guys,

    We use your theme for showing photos of wedding dresses:

    http://samira.pressok.nl/rosa-clara-bruidsjurken/ballet/

    A large photo (or slideshow) on the left and the content in a small column on the right.

    We use this content column on the right for displaying 2 additional thumbnails. When I click on these (Mac, all browsers), I get an enlarged lightbox popup which is perfect. But my client works on a pc and both IE and Firefox show an “in between” state… and you have to click again to show the full sized photo. This in between state is not big enough and the second, full sized photo is big, but not scrollable.

    We would like to be able to scroll the full sized photo in the lightbox, so people on small screens, when clicking on the small images can see the whole dress in full detail by scrolling… The image width can be lets say 900 px, so the height might become 1400 px or more, so on most screens scrolling is necessary…

    Can I add some CSS to achieve this?

    Thanks in advance. Great theme btw!

    regards, Bas

    #113595

    Hi!

    I just tested the prettyphoto lightbox on my PC (Firefox and IE) and it’s scroll-able by default without any additional css code adjustments – http://www.screenr.com/D9Q7

    Best regards,

    Peter

    #113596

    Thanks Peter, a video like that works great!

    #113597

    And this “in between” state, can I disable it? So it immediately shows the full sized image?

    My Mac does not show the full sized state, when I click on the scaled in between state, it jumps to the next image.

    Best,

    Bas

    #113598

    Not out of the box but I created a modified version. Open up wp-contentthemeseunoiajsprettyPhotojsjquery.prettyPhoto.js and delete the code which you find in the file. Then copy/paste the code from: https://gist.github.com/InoPlugs/d79fcffb3521f121c583 into jquery.prettyPhoto.js and save it.

    #113599

    Thanks! I’ll give it a try!

    #113600

    Hi!

    I tested it and it should work :)

    Best regards,

    Peter

    #113601

    Hi Peter,

    Thanks, It works… on one of the two possibilities :)

    Here it works:

    http://samira.pressok.nl/rosa-clara-bruidsjurken/ballet/

    But when you click on Ballet via this link:

    http://samira.pressok.nl/rosa-clara-bruidsjurken/

    the full screen Ajax Swipe appears, followed by the full screen view, with the cross, two arrows and titles in the header in the top left corner. When I click on one of the two images on the right, it is not yet possible to scroll… Is this a different js file, or is there a quick CSS fix for this?

    That’ll be the last question, if we fix this, her site can go live!

    Best,

    Bas

    #113602

    Unfortunately this screen has nothing to do with the lightbox but it’s the theme ajax overlay. Kriesi removed the scroll-bar from this page because you can get weird results (eg the user can scroll down although the content is fixed and doesn’t move). If you really want to enable the scroll-bar insert following code into the quick css field:

    #top .hide_scrollbar, .hide_scrollbar{
    overflow: auto !important;
    }

    #113603

    This is perfect for her! Thank you very much, we can go live now :)

    #113604

    Glad we could help :)

    Let us know if you have any other questions or issues.

    Regards,

    Devin

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

The topic ‘Lightbox image > full sized and scrollable’ is closed to new replies.