Jump to content
Sign in to follow this  
Sabine

Slideshow does not load images in Chrome

Recommended Posts

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>

 

Share this post


Link to post
Share on other sites

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?

  • Like 2

Share this post


Link to post
Share on other sites

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 😄

  • Like 2

Share this post


Link to post
Share on other sites

Try to url instead of httpurl

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

 

  • Like 1

Share this post


Link to post
Share on other sites
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!!!

  • Like 2

Share this post


Link to post
Share on other sites
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

 

  • Like 2

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By cstevensjr
      I am passing on this information to make you aware of some recent changes to the Google Chrome browser.
      Security Update for Chrome Version 50
      http://googlechromereleases.blogspot.com/2016/04/stable-channel-update_28.html
      No More Updates To Chrome on Windows XP/Vista and MacOS 10.6/10.7/10.8 after Chrome Version 49
      https://chrome.googleblog.com/2015/11/updates-to-chrome-platform-support.html
      Note:  Many of you will have your computers setup to automatically update the Chrome browser, however you should be aware of these important changes to ensure your browsing experience is still secure.
      https://sites.google.com/a/chromium.org/dev/Home/chromium-security
    • By lsag
      Hello. i have a very weird error in jQuery. this is the message in chrome's console:


      GET http://localhost/clientes/promundi/site/v4_pw/site/en/contact/images/ui-bg_glass_100_f6f6f6_1x400.png 404 (Page Not Found) jquery-1.11.1.min.js:2
      GET http://localhost/clientes/promundi/site/v4_pw/site/en/contact/images/ui-bg_gloss-wave_35_f6a828_500x100.png 404 (Page Not Found) jquery-1.11.1.min.js:2
      GET http://localhost/clientes/promundi/site/v4_pw/site/en/contact/images/ui-bg_highlight-soft_100_eeeeee_1x100.png 404 (Page Not Found) 

      i can see jQuery is being loaded properly, because this works, showing the expected alert box. But what on earth are those files? And "ui-bg_glass" seems to be a jQueryUI file, which i'm not using! 


      <script type="text/javascript">
                $(document).ready(function($){
                    alert("message");
                });
      </script>

      and i'm not calling other jquery scripts. it happens with any version i try to run (one at a time, of course)
      calling 2.1.1 with the CDN


      <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>

      calling 1.11.0 with the CDN


      <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

      calling 1.11.1 locally


      <script src="http://localhost/clientes/promundi/site/v4_pw/site/site/templates/promundi/js/jquery-1.11.1.min.js"></script>

      calling 2.1.1 locally


      <script src="http://localhost/clientes/promundi/site/v4_pw/site/site/templates/promundi/js/jquery-2.1.1.min.js"></script>


      I'm not sure if this is a processwire issue, but i don't know where else to look for
      any ideas?
×
×
  • Create New...