Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Image not showing

Hi guys

I have Fresco applied to a thumbnail but the larger image is failing to display.

The black overlay works but there is no sign of the image.

The image DOES show in the source code (inspect element) with the correct path so it's not a case of a broken image.

image

There's no errors in the console. Can't paste URL here as the site is confidential.

I have Fresco running 2.1.4 on a similar site.

Thought it was a clash with UIKIT 3 BETA but that's not the case.

Comments

  • Looks like a bug with .fr-content?

    Should be as follows on line 161 of fresco.css

    .fr-content, .fr-content-background.fr-content-background {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: visible;
    }

    Instead it's inheriting a large top position which is placing the image off screen

    element.style {
    width: 350px;
    height: 325px;
    top: 1752.5px;
    left: 500px;
    }

    Not sure how / why it's calculating that wierd height.

  • See if your page validates, has no unclosed tags, and has a html5 doctype at the very top, nothing above it. These things can throw of calculations.

  • Hey Nick
    Thanks for the quick reply.

    You're right. There was a formatting issue with the HTML 5 DOCTYPE html.
    All working now :)

Sign In or Register to comment.