Estoy diseñando un control deslizante dentro de mi sitio, para eso estoy usando la biblioteca baguetteBox. Mirando la documentación pude crear un ejemplo que funciona sin problema. Estoy usando php y recorro una matriz para obtener una lista de imágenes

 <div class="gallery"> '; foreach ($dataFotos['fotos'] as $key) { echo ' <a href="https://1.bp.blogspot.com/-79DdxzZkDog/T76QV6v5IuI/AAAAAAAAAEY/6DzpGZzsmfA/s320/homerocatolico_456_336.jpg"> <img src="' . $key['foto'] . '" alt="Second image"> </a> '; } echo ' </div>

Cuando dentro de esta etiqueta selecciono una url con el siguiente formato

<a href="https://1.bp.blogspot.com/-79DdxzZkDog/T76QV6v5IuI/AAAAAAAAAEY/6DzpGZzsmfA/s320/homerocatolico_456_336.jpg">

Todo funciona como debería y el control deslizante muestra las fotos. El problema es que tengo las imagenes alojadas en drive, y el link que genera google con el siguiente formato

<a href="https://lh3.googleusercontent.com/2IYYQLR38oxMnF51zCAGHDeUXlCk69gJBsXogjO-AM-eR-fQwWrnE8XEZt8iSViFBUuDJE5AQQzrS1hX3VPLpU5cSzmuXE07JT9UIJawi0Sp">

Ahí deja de mostrarme las imágenes y el slider deja de funcionar.