Ir para conteúdo
Fórum Script Brasil
  • 0

Ajax não é chamado

uslei

Perguntado por uslei,

 Share

Pergunta

uslei

uslei

Postado
Postado (editado)

Pessoal, olhe o código

O js não funciona, nem os chamados do arquivos e nem o que esta no fim da página?

Se alguém souber o porque.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <link rel="stylesheet" href="./css/basic.css" type="text/css" />
        <link rel="stylesheet" href="./css/galleriffic-2.css" type="text/css" />
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        &lt;script type="text/javascript" src="./js/fotos/jquery.galleriffic.js"></script>
        &lt;script type="text/javascript" src="./js/fotos/jquery.opacityrollover.js"></script>
        <!-- We only want the thunbnails to display when javascript is disabled -->
        &lt;script type="text/javascript">
            document.write('<style>.noscript { display: none; }</style>');
        </script>
    </head>
    <body>
        <div id="page">
            <div id="container">
                <div id="thumbs" class="navigation">
                  <ul class="thumbs noscript">
                    <?php
                      include("../lib/conectar.inc");
                      include("../lib/funcoes.php");

                      $album  = 'casamentos';
                      $pasta  = '00001';

                      $dir    = "./img/".$album."/mini/".$pasta."/";
                      $dirft  = "./img/".$album."/fotos/".$pasta."/";
                      $handle = opendir(".".$dir);
                      while($file = readdir($handle))
                      {
                        if($file != ".." && $file != "Thumbs.db")
                        {
                           if(!is_dir($file))
                           {
                            echo '<li><a class="thumb" href="'.$dirft.$file.'"><img src="'.$dir.$file.'"  alt="" width="40" height="40" border="0"/></a></li>';
                           }
                        }
                      }
                    ?>
                  </ul>
                 </div>
                <!-- Start Advanced Gallery Html Containers -->
                <div id="gallery" class="content">
                      <div id="controls" class="controls"></div>
                    <div class="slideshow-container">
                        <div id="loading" class="loader"></div>
                        <div id="slideshow" class="slideshow"></div>
                    </div>
                    <div id="caption" class="caption-container"></div>
                </div>

                <div style="clear: both;"></div>
            </div>
            <ul id="desc_fotos">
              <?php
                $select=$conexao->query("SELECT * FROM $album WHERE codigo='$pasta'");
                $dados =$select->fetch_object();
                echo"
                <li style='font-size:15px; font-weight:bold;'>".$dados->nome."</li>
                <li>Data : ".data_certa($dados->data)."</li>
                <li>Local: ".$dados->local."</li>";
              ?>
            </ul>
        </div>

        <div id="page1">
        &lt;script type="text/javascript">
            alet('uslei');
            jQuery(document).ready(function($) {
                // We only want these styles applied when javascript is enabled
                $('div.navigation').css({'width' : '400px', 'float' : 'left'});
                $('div.content').css('display', 'block');

                // Initially set opacity on thumbs and add
                // additional styling for hover effect on thumbs
                var onMouseOutOpacity = 0.67;
                $('#thumbs ul.thumbs li').opacityrollover({
                    mouseOutOpacity:   onMouseOutOpacity,
                    mouseOverOpacity:  1.0,
                    fadeSpeed:         'fast',
                    exemptionSelector: '.selected'
                });

                // Initialize Advanced Galleriffic Gallery
                var gallery = $('#thumbs').galleriffic({
                    delay:                     2500,
                    numThumbs:                 18,        // Numero de imagens em cada página
                    preloadAhead:              10,
                    enableTopPager:            true,
                    enableBottomPager:         true,
                    maxPagesToShow:            7,
                    imageContainerSel:         '#slideshow',
                    controlsContainerSel:      '#controls',
                    captionContainerSel:       '#caption',
                    loadingContainerSel:       '#loading',
                    renderSSControls:          true,
                    renderNavControls:         true,
                    playLinkText:              'Iniciar slide',
                    pauseLinkText:             'Pausar slide',
                    prevLinkText:              '&lsaquo; Anterior',
                    nextLinkText:              'Próxima &rsaquo;',
                    nextPageLinkText:          'Próxima &rsaquo;',
                    prevPageLinkText:          '&lsaquo; Voltar',
                    enableHistory:             false,
                    autoStart:                 false,
                    syncTransitions:           true,
                    defaultTransitionDuration: 2500,
                    onSlideChange:             function(prevIndex, nextIndex) {
                        // 'this' refers to the gallery, which is an extension of $('#thumbs')
                        this.find('ul.thumbs').children()
                            .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                            .eq(nextIndex).fadeTo('fast', 1.0);
                    },
                    onPageTransitionOut:       function(callback) {
                        this.fadeTo('fast', 0.0, callback);
                    },
                    onPageTransitionIn:        function() {
                        this.fadeTo('fast', 1.0);
                    }
                });
            });
        </script>
        </div>
    </body>
</html>

Editado por fercosmig
add tags
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
uslei

uslei

Postado
  • Autor
Postado (editado)
1) Foi você que fez o código?

2) O que aparece no console de erros?

1) Este código ai sim o js não apenas adaptei mas o js esta funcionando certo.

2) Não aparece erro algum no consolde de erros

http://henriquelacerda.com/index.php no menu casamentos

que é a página que fica desconfigurada por não carreagar os arquivos js

Editado por uslei
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...