Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

#3736
Olá caros amigos, realizei o teste seguindo este tutorial, que por sinal é excelente, e de inicio ocorreu o mesmo problema, aparecendo somente os numeros 1, 2, 3 e 4. Bom a partir deste momento resolvi ir mais a fundo no código, foi ai que percebi que o problema de não aparecer as imagens esta relacionado somente na forma de incluí-las, voltamos ao passo 2, após ter copiado e colado o código conforme indicado, (eu utilizo o Dreamweaver) click com o botão direito do mouse a frente de cada "<img src="img.jpg" />" e escolha a opção Edit Tag "img", a partir deste momento localize a pasta onde contém as imagens que quer adicionar e inclua uma imagem por linha, se precisar adicionar mais é só copiar o código e colar, quantas vezes ache necessário. eu criei 8 imagens nas seguintes medidas (width=580px e height=240px), inclusive algumas destas imagens linkei para url do produto.
O único item que ainda estou tentando solucionar é que quando carrega a pagina inicial, aparecem todas as imagens uma abaixo da outra, até carregar todas, após isto fica uma sob a outra e depois de 15" inicia.
Estou estudando melhor o código, a fim de add mais recursos e melhorar, assim que tiver mais novidades incluo o post neste tutorial.

Um abraço a todos e mais uma vez parabenizo pelo excelente tutorial.

EdelcioLennon
#4366
Boa noite,

De início eu fiz correndo e cometi um grave erro!

As imagens foram carregadas uma abaixo da outra e não no mesmo lugar! Desta forma não foi criado o efeito de "slide" ou "banner rotativo".

Acredito que mais de uma pessoa esteja com este problema. Para resolver isto, caso tenha feito todo o procedimento correto, seguinte:

Notem que o "link" para os aquivos .JS (javascript) devem ser colocados antes da TAG <HEAD> ser fechada, e não aberta.

Portanto, se colocarem antes de <HEAD> não irá funcionar, somente funcionará caso coloquem antes do tag de fechamento </HEAD>, ok?

<link rel="stylesheet" href="catalog/view/javascript/nivo-slider/nivo-slider.css" type="text/css" media="screen" />
<script src="catalog/view/javascript/nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>
</head>

Caso queiram ver funcionando, www.rickmodelismo.com.br .

Abs.
RickGodoy