Como inserir imagens com barras de rolagem

Mostrarei como se faz uma janela contendo imagens com barras de rolagem . Basta copiar o código abaixo e substituir "endereço de imagem" por link da imagem. O exemplo citado é para quatro imagens, mas pode colocar quantas imagens quiser.

Código:

<center><div style="border: 1px solid black; width:550px;height:500px;overflow-x:auto;overflow-y:scrool;background-color:#EEEEE0;">
[center]

 endereço da imagem
 endereço da imagem
 endereço da imagem
 endereço da imagem

 [/center]</center>

1º Método - Hopedagem de imagens
Caso não saibam como postar imagem, segue o tutorial Postagem de Imagens

Vou fazer um aqui, pegarei 4 imagens em meus arquivos e hospedarei conforme o tutorial de postagem de imagens.
Eis o link da primeira imagem hospedada:

Código:

[url=http://www.servimg.com/image_preview.php?i=863&u=13757333][img]http://i95.servimg.com/u/f95/13/75/73/33/210.jpg[/img][/url]

Agora farei o mesmo com 3 imagens:

Código:


[url=http://www.servimg.com/image_preview.php?i=864&u=13757333][img]http://i95.servimg.com/u/f95/13/75/73/33/610.jpg[/img][/url]

[url=http://www.servimg.com/image_preview.php?i=866&u=13757333][img]http://i95.servimg.com/u/f95/13/75/73/33/911.jpg[/img][/url]

[url=http://www.servimg.com/image_preview.php?i=867&u=13757333][img]http://i95.servimg.com/u/f95/13/75/73/33/1510.jpg[/img][/url]

E substituirei o "endereço de imagem" pelos 4 endereços de imagens geradas para o código de janela com barra de rolagens :

Código:

<center><div style="border: 1px solid black; width:550px;height:500px;overflow-x:auto;overflow-y:scrool;background-color:#EEEEE0;">
[center]

[url=http://www.servimg.com/image_preview.php?i=863&u=13757333][img]http://i95.servimg.com/u/f95/13/75/73/33/210.jpg[/img][/url]

[url=http://www.servimg.com/image_preview.php?i=864&u=13757333][img]http://i95.servimg.com/u/f95/13/75/73/33/610.jpg[/img][/url]

[url=http://www.servimg.com/image_preview.php?i=866&u=13757333][img]http://i95.servimg.com/u/f95/13/75/73/33/911.jpg[/img][/url]

[url=http://www.servimg.com/image_preview.php?i=867&u=13757333][img]http://i95.servimg.com/u/f95/13/75/73/33/1510.jpg[/img][/url]

 [/center]</center>

Resultado:

2º Método - Inserir imagens já prontas
Caso tenham endereços de imagem prontas, não é necessário fazer hospedagem. basta colocarem as tags

Código:

[img] - deverá ser inserida no começo do link da imagem
[/img] - deverá ser inserida no final do link da imagem

Por exemplo, temos uma imagem de site qualquer, como esse: http://l.yimg.com/a/i/br/news/1009/fila.jpg . Para fazer isso basta clicar o botão direito do mouse e clicar em propriedades de imagem e copiar o endereço de imagem, e clique no botão "imagem" que está logo acima dessa caixa de texto,(para saber qual é o botão, basta pousar o ponteiro do mouse em qualquer botão e obterá a descrição do mesmo).

Observe como ficou:

Código:

[img]http://l.yimg.com/a/i/br/news/1009/fila.jpg[/img]

Bem, é isso.

Postem aqui caso tenham dúvidas!

Grato!