How to use Colorbox with external link? I have a site built with Drupal 8.3.7.
Modules 'Colorbox', 'Colorbox Load', 'Colorbox Inline' and 'NG Lightbox' are activated.
I can't make this kind of thing work:  

&lt;a class="colorbox-load" href="http://maps.google.com/maps/ms?msa=0&amp;amp;ie=UTF8&amp;amp;t=p&amp;amp;vpsrc=6&amp;amp;msid=216664623938073990188.0004abcd95a296bf10c39&amp;amp;ll=48.552978,-0.736084&amp;amp;spn=3.636247,8.778076&amp;amp;z=7&amp;amp;output=embed&amp;amp;width=800&amp;amp;height=400&amp;amp;iframe=true"&gt;&lt;img alt="" src="/falzon/sites/default/files/201107/J1.png" style="height:400px; max-width:none; width:800px" title="Cliquer pour ouvrir dans Google Maps" /&gt;&lt;/a&gt;&lt;/p&gt;  


giving that:

while it works perfectly in Drupal 7.
Any idea?
You could load external content replacing your href by

javascript:void jQuery.colorbox({html:'&lt;iframe width=854 height=480 src=http://maps.google.com/maps/ms?parameters=example frameborder=0 allowfullscreen&gt;&lt;/iframe&gt;'})


It will be something like:

&lt;a href="javascript:void jQuery.colorbox({html:'&lt;iframe width=854 height=480 src=http://maps.google.com/maps/ms?parameters=example frameborder=0 allowfullscreen&gt;&lt;/iframe&gt;'})"&gt;colorbox-load external link&lt;/a&gt;