Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

JeFiNhO

[Resolvido] Problemas na configuração do SmoothGallery

Por , em Javascript

Recommended Posts

JeFiNhO    0

JeFiNhO
Postado

Quero colocar a galeria Smooth Gallery no meu site, mas segui os passos do que diz no Site Oficial e não funcionou.

 

Lá diz para colocar após a tag <head> esses códigos:

<link rel="stylesheet" href="SmoothGallery-2.0/css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
<script src="SmoothGallery-2.0/scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="SmoothGallery-2.0/jd.gallery.js" type="text/javascript"></script>

Depois pede para colocar este código onde quer: (coloquei eles com minhas imagens)

<div id="myGallery">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<a href="mypage1.html" title="open image" class="open"></a>
<img src="images/brugges2006/1.jpg" class="full" />
<img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<a href="mypage2.html" title="open image" class="open"></a>
<img src="images/brugges2006/2.jpg" class="full" />
<img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
</div>
</div>

O 3º passo é colocar dpois do <body> esse código:

<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true
});
}
window.addEvent('domready', startGallery);
</script>

E por fim esse aqui no arquivo style.css:

#myGallery
{
width: 400px !important;
height: 200px !important;
}

 

Mas fiz tudo como diz e não funciona. Já olhei para ver se os arquivos estavam no lugar certo. Aparece apenas a imagem, as descrições, mas não carrega o JavaScript. Outra coisa que notei foi que esse (class="imageElement") não está nos arquivos .css que baixei.

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito