Image not loading when translating with google translate

Website, Application, Performance
1

What is the name of the domain?

What is the issue you’re encountering

images not loading when trying to translate a image

What steps have you taken to resolve the issue?

I tried to set Access-Control-Allow-Origin to https://www-fuelsandlubes-com.translate.goog but no effect.

What are the steps to reproduce the issue?

go to translate.google.com and try the article , here is the direct link
Neste drops plan to invest in renewable hydrogen electrolyser in Porvoo Refinery - F&L Asia

2

Sometimes I don’t see some parts of some Websites while using Google Translate, especially those made with JavaScript. If they’re not using and/or blocked by the Content Security Policy, could be something else.

I’d advise implementing Google Translate widget to your Website for the help to other users coming from different language region.

Code which you could use is below, while how it looks in action:

slika

<!DOCTYPE html>
<html dir="ltr" lang="hr">
<head>
<meta charset="utf-8">
<title>Google Translate</title>
<style type="text/css">
    /* Responsive CSS menu : */
    @media screen and (min-width:960px){
        .prijevod_mobile{
            float:right
        }
        .rwd_prijevod{
            display:inline-block;
            padding-top:6px
        }
        .wp-breadcrumb-nav{
            display:none;
        }
    }

    @media screen and (max-width:959px){
        .rwd_prijevod{
            display:none
        }
        .prijevod_mobile{
            float:right
        }
    }
</style>
</head>

<body>
<!-- HTML code to put anywhere inside body tags: -->
<div id="google_translate_element" class="prijevod_mobile"></div>

<!-- Add the below JavaScript code before closing of the body HTML tag -->
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({
      pageLanguage: 'hr', // default language for your webpage
      includedLanguages: 'bg,bs,de,en,es,fr,hr,hu,it,ja,ko,mk,nl,ro,ru,sl,sq,sr,zh-CN', // add languages to which your webpage should be able for visitors to select language to translate to
      layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
      gaTrack: true, // or false if not using GA
      gaId: 'UA-XXXXXXX-XX' // if you want to track withing your Google Analytics, Universal analytics - NOTE: That's old one, not the gtag new one
    }, 'google_translate_element');
  }
</script>
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

</body>
</html>
3

This topic was automatically closed after 15 days. New replies are no longer allowed.