javascript + cake

13 views
Skip to first unread message

Lippert

unread,
Nov 24, 2009, 12:05:54 PM11/24/09
to CakePHP Tuga
Galera seguinte estou tentando implementar uma galeria de imagens na
minha view, até ai beleza. Mas parece que algo está dando errado no
Script JS. podem me dar uma ajuda? Abaixo o código:

<script type="text/javascript">
hs.graphicsDir = 'graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.outlineType = 'rounded-white';
hs.captionEval = 'this.thumb.alt';
hs.marginBottom = 105;
hs.numberPosition = 'caption';

hs.addSlideshow({
interval: 5000,
repeat: false,
useControls: true,
overlayOptions: {
className: 'text-controls',
position: 'bottom center',
relativeTo: 'viewport',
offsetY: -60
},
thumbstrip: {
position: 'bottom center',
mode: 'horizontal',
relativeTo: 'viewport'
}
});
</script>

<?php echo $html->css('/css/highslide'); ?>
<?php echo $javascript->link('/js/highslide-with-gallery'); ?>

<td width="270" valign="top" style="padding:5px;">
<h1>FOTOS</h1>
<div class="highslide-gallery" style="width: 600px; margin:
auto">
<a class='highslide' href='/imgs_lotes/thumbstrip01.jpg'
onclick="return hs.expand(this)">
<img src='/imgs_lotes/thumbstrip01.thumb.png' alt='Mountain
valley'/></a>
</div>
</td>


vlw.

ad...@cakephp.com.br

unread,
Nov 24, 2009, 12:08:02 PM11/24/09
to cakep...@googlegroups.com
Qual erro?


On Tue, 24 Nov 2009 09:05:54 -0800 (PST), Lippert
<lippert...@gmail.com>
wrote:
> <a class='highslide' href='skins/x3/imgs_lotes/thumbstrip01.jpg'
> onclick="return hs.expand(this)">
> <img src='skins/x3/imgs_lotes/thumbstrip01.thumb.png' alt='Mountain

Lippert

unread,
Nov 24, 2009, 12:16:10 PM11/24/09
to cakep...@googlegroups.com
parece que ele não chama a função do javascript que está no inicio do código entre <script></script>

achei que poderia ser a declaração que fiz.

Resumindo: Não faz as funções que está no javascript.




--
Rafael Lippert,
Cel. (49)8403-7787
msn: lipp...@hotmail.com
gtalk: lippert...@gmail.com
Adm: http://www.mafagafo.com.br
----
Bacharel Sistemas de Informação.
Pós - Desenvolvimento de Sistemas para Web.

ad...@cakephp.com.br

unread,
Nov 24, 2009, 12:24:13 PM11/24/09
to cakep...@googlegroups.com
Testa no firefox com Firebug, pra ver qual erro aparece, pra ver se é
mesmo na chamada Javascript

Abs
Bill


On Tue, 24 Nov 2009 15:16:10 -0200, Lippert <lippert...@gmail.com>
wrote:

Lippert

unread,
Nov 24, 2009, 12:32:33 PM11/24/09
to cakep...@googlegroups.com
Ele me diz q o "hs" do javascript não está declarado.
não entendi agora.

Paulo Diovani

unread,
Nov 24, 2009, 1:10:46 PM11/24/09
to cakep...@googlegroups.com

Verifica se seu include da lib está sendo resolvido corretamente.

Expande o fonte no firebug, pra ver se o “/js/highslide-with-gallery”) foi carregado.

 

__

Paulo Diovani Gonçalves

pa...@diovani.com

http://diovani.com

Lippert

unread,
Nov 24, 2009, 1:25:31 PM11/24/09
to cakep...@googlegroups.com
Tipo o erro no Console de erros é esse:

Erro: hs is not defined
Arquivo-fonte: http://urb.cooperhaf/loteamentos/consultar/3
Linha: 83

e ele está chamando certo o js.

2009/11/24 Paulo Diovani <pa...@diovani.com>

Paulo Diovani

unread,
Nov 24, 2009, 1:29:19 PM11/24/09
to cakep...@googlegroups.com

Dê uma conferida na documentação do Highslide, pega um exemplo, vê se você não está esquecendo alguma coisa (uma linha para inicializar o plugin por exemplo).

 

Eu já usei bastante o Highslide (acho o melhor plugin para galerias que existe) mas agora não lembro de detalhes, e estou sem acesso aos meus fontes ou ao site dele... senão poderia ajuda melhor... L

Rodrigo Rodrigues Moyle

unread,
Nov 24, 2009, 1:58:52 PM11/24/09
to cakep...@googlegroups.com
Você tem que mudar a tag <script> para depois do

<?php echo $javascript->link('/js/highslide-with-gallery'); ?>

2009/11/24 Paulo Diovani <pa...@diovani.com>

Paulo Diovani

unread,
Nov 24, 2009, 2:52:56 PM11/24/09
to cakep...@googlegroups.com

Coloca o conteúdo de sua tag dentro de :
window.onload = function() {

  //script aqui

}

 

Assim ele só vai executar depois da página (incluindo javascripts) estarem carregados.

 

ps: só adicionar após o link como o Rodrigo disse, pode não funcionar, por causa do tempo de carregamento do *.js.

 

__

Paulo Diovani Gonçalves

pa...@diovani.com

http://diovani.com

 

Lippert

unread,
Nov 24, 2009, 2:58:15 PM11/24/09
to cakep...@googlegroups.com
vou testar.

2009/11/24 Paulo Diovani <pa...@diovani.com>

José Agripino Duarte da Silva

unread,
Nov 25, 2009, 6:26:48 AM11/25/09
to cakep...@googlegroups.com
O fancybox do jquery não resolve? fiz ele funcionar rapidinho.

2009/11/24 Lippert <lippert...@gmail.com>

Lippert

unread,
Nov 25, 2009, 6:39:41 AM11/25/09
to cakep...@googlegroups.com
não cara... tem que ser esse mesmo :D
mas acabei de resolver debugando ele pelo firebug.
o problema fui durante o download do .js

baixei ele novamente limpei o cache e funcionou.

Obrigado por toda ajuda galera.

2009/11/25 José Agripino Duarte da Silva <agripin...@gmail.com>

Paulo Diovani

unread,
Nov 25, 2009, 6:50:13 AM11/25/09
to cakep...@googlegroups.com

Pode ser uma boa pra você utilizar a extensão webdeveloper do Firefox, juntamente com o Firebug. Ela tem, inclusive, uma opção de desabilitar o cache.

Oséias Ferreira

unread,
Nov 24, 2009, 12:38:19 PM11/24/09
to cakep...@googlegroups.com
2009/11/24 Lippert <lippert...@gmail.com>:

> Ele me diz q o "hs" do javascript não está declarado.
> não entendi agora.
>
Já tentou colocar os arquivos de biblioteca js declarados antes do seu
código js?

--
Oséias Ferreira.

Lippert

unread,
Nov 25, 2009, 10:27:38 AM11/25/09
to cakep...@googlegroups.com
Acabei de resolver debugando ele pelo firebug.
o problema fui durante o download do .js

baixei ele novamente limpei o cache e funcionou.

Obrigado por toda ajuda galera.


2009/11/24 Oséias Ferreira <ferreir...@gmail.com>
Reply all
Reply to author
Forward
0 new messages