Adicione o código abaixo antes de </head>:
<script src="http://dl.getdropbox.com/u/1815091/Slider/mootools.v1.11.js" type="text/javascript"></script>
<script src="http://dl.getdropbox.com/u/1815091/Slider/jd.gallery.js" type="text/javascript"></script>
2° E esta parte acima de ]]></b:skin> Clique para ver o Codigo!3° Agora vá até Layout > Elementos da pagina:
Crie um novo elemento HTML / JavaScript com o seguinte codigo:
<style type="text/css">
#myGallery
{
width: 100% !important;
height: 250px !important;
}
</style>
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready',startGallery);
</script>
<div id="myGallery">
<div class="imageElement">
<h3>Titulo da Imagem</h3>
<p>Descrição da imagem</p>
<a href="URL do Post" class="open" title="Read More"></a>
<img alt="Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
<img alt="Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
</div>
<div class="imageElement">
<h3>Titulo da Imagem</h3>
<p>Descrição da imagem</p>
<a href="URL do Post" class="open" title="Read More"></a>
<img alt="Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
<img alt="Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
</div>
</div> 4° Agora adicione as URLS de suas imagens e os titulos nos locais indicados em azul no código.
5° Salve e veja o resultado
Se quiser adicionar mais imagens copie o código abaixo e cole entre: <div id="myGallery"> & </div>
<div class="imageElement">
<h3>Titulo da Imagem</h3>
<p>Descrição da imagem</p>
<a href="URL do Post" class="open" title="Read More"></a>
<img alt="Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
<img alt="Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
</div>
Se quiser adicionar mais imagens copie o código abaixo e cole entre: <div id="myGallery"> & </div>
<div class="imageElement">
<h3>Titulo da Imagem</h3>
<p>Descrição da imagem</p>
<a href="URL do Post" class="open" title="Read More"></a>
<img alt="Titulo da Imagem" src="URL DA IMAGEM" class="full"/>
<img alt="Titulo da Imagem" src="URL DA IMAGEM" class="thumbnail"/>
</div>































































Área do visitante (
0 comentários:
Postar um comentário
Tudo Aki-Download Aki Você Encontra De Tudo
Podem Comentar A Vontade Mais Não Fica Falando Mau De Min Ou Do Meu Site Pelos Comentarios. E Obrigado Pela Visita Ao Nosso Site E Voltem Sempre.*--*
Regras dos comentários:
1. Todos os comentários são lidos e se possível respondidos.
2. Não serão toleradas faltas de respeito.
3. Se possível comente e faça de nós um grupo feliz.
4. Caso comente como Anónimo o seu comentário será anulado!
5. Caso o link não Esteja Pegando Deixe um comentário avisando!
Obrigado.