Slideshow does not load images in Chrome

[Sabine]

Hi everybody!

I am cluesless - maybe anybody of the experts have a hint for me?

I have a beautiful image gallery that does what I expected in Firefox and Chrome on Android. However, in Chrome Version 81.0.4044.129 on WIndows 8 it does unfortunately not show my images.
 

<div uk-slideshow="animation: fade; ratio: 4:3">

        <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">

            <ul class="uk-slideshow-items">
            
                <?php foreach($page->slideshow as $bild): ?>
                <li>
                    <div>
                        <img src="<?php echo $bild->httpUrl; ?>">
                    </div>
                </li>
                <?php endforeach; ?>
            </ul>

            <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a>
            <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a>

        </div>

        <ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>

    </div>

 

[Jan Romero]

Kind of doubt it’s a difference in how Chrome and the other browsers interpret the HTML ? It’s probably a CSS or JS thing. Have you been looking at the developer tools? Maybe there is something helpful in the javascript console. It’s going to be difficult to debug from afar. Is the site online anywhere?

[Sabine]

Dear Jan Romero!

The site is indeed online, but without SSL certificate (coming soon!) so far - katzenhilfe-langenau.de. A "Windows8-Chrome-broken" page can be found here: https://katzenhilfe-langenau.de/unsere-katzen/wir-haben-ein-zuhause-gefunden/geralt/

I have checked the developer tool already but I couldn't find anything suspicious.

[Jan Romero]

Ah, I think the missing certificate is actually the reason Chrome refuses to load the images, because they’re coming from a different domain (www. vs. no www.). This happens in Firefox as well. If you use a relative address like you did in the sidebar, it should work.

Edit: so the problem was in fact visible in your initial code snippet. My apologies ?

[lokomotivan]

Try to url instead of httpurl

 <img src="<?php echo $bild->httpUrl; ?>">
to
 <img src="<?php echo $bild->url; ?>">

 

[Sabine]

1 hour ago, lokomotivan said:

Try to url instead of httpurl

 <img src="<?php echo $bild->httpUrl; ?>">
to
 <img src="<?php echo $bild->url; ?>">

 

Thank you so much, it worked!!!

[kongondo]

6 minutes ago, Sabine said:

Thank you so much, it worked!!!

This is the relative URL that @Jan Romero was referring to here:

4 hours ago, Jan Romero said:

If you use a relative address like you did in the sidebar, it should work.

?

Welcome to the forums @Sabine