Como acessar images de Cloud Drivers

[jsmoraes]

DropBox

O compartilhamento fornece link para a página do dropbox:

https://www.dropbox.com/s/5t7xh0minrpac2w/Pluto04_NewHorizons_1042.jpg?dl=0

Incluir o endereço do link em uma tag IMG e alterando a declaração dl=0 para dl=1 . O parâmetro width redimensiona o tamanho da foto.
Exemplo:

<img src="https://www.dropbox.com/s/5t7xh0minrpac2w/Pluto04_NewHorizons_1042.jpg?dl=1"  width="480" style="border:0px">

O não uso de parâmetro width apresentará a imagem em seu tamanho original.
Para que a imagem mostrada também sirva como link para o Dropbox, onde a imagem pode ser vista em tamanho original e com possibilidades de diversos valores zoom:

<a href="https://www.dropbox.com/s/5t7xh0minrpac2w/Pluto04_NewHorizons_1042.jpg?dl=0" target="_blank">
<img src="https://www.dropbox.com/s/5t7xh0minrpac2w/Pluto04_NewHorizons_1042.jpg?dl=1" width="280">
</a>

Note que o parâmetro dl do link tem que retornar o valor para dl=0. O parâmetro dl=1 significa download do arquivo. Abrirá uma janela com a opção de download da imagem.

Google Drive:

O Google fornece dois diferentes links compartilhados. Ambos irão abrir a página do Google com a imagem.

Exemplo de códigos para os links:

<a href="https://drive.google.com/open?id=0Bz3jgE91tmEiSnFzVWM5cmlIRDQ" target="_blank">Larga escala - botão (+) e slider para zoom</a>

https://drive.google.com/file/d/0Bz3jgE91tmEiSnFzVWM5cmlIRDQ/view?usp=sharing

https://drive.google.com/open?id=0Bz3jgE91tmEiSnFzVWM5cmlIRDQ

 
Utilizando tag iframe dentro do embed da Nabble

Não conseguimos inclusão somente com o link fornecido. É necessário incluir "/preview" no link mais simples fornecido.

<nabble_embed>

<iframe src="https://drive.google.com/file/d/0Bz3jgE91tmEiSnFzVWM5cmlIRDQ/preview" width="640" height="480" frameborder="0" ></iframe>

</nabble_embed>