uslei Posted January 6, 2012 Report Share Posted January 6, 2012 (edited) Pessoal, olhe o códigoO 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"> <script type="text/javascript" src="./js/fotos/jquery.galleriffic.js"></script> <script type="text/javascript" src="./js/fotos/jquery.opacityrollover.js"></script> <!-- We only want the thunbnails to display when javascript is disabled --> <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"> <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: '‹ Anterior', nextLinkText: 'Próxima ›', nextPageLinkText: 'Próxima ›', prevPageLinkText: '‹ 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> Edited January 6, 2012 by fercosmig add tags Quote Link to comment Share on other sites More sharing options...
0 fiote Posted January 6, 2012 Report Share Posted January 6, 2012 1) Foi você que fez o código?2) O que aparece no console de erros? Quote Link to comment Share on other sites More sharing options...
0 uslei Posted January 6, 2012 Author Report Share Posted January 6, 2012 (edited) 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 erroshttp://henriquelacerda.com/index.php no menu casamentosque é a página que fica desconfigurada por não carreagar os arquivos js Edited January 6, 2012 by uslei Quote Link to comment Share on other sites More sharing options...
0 fiote Posted January 9, 2012 Report Share Posted January 9, 2012 No chrome está funcionando. Aonde você está testando? Quote Link to comment Share on other sites More sharing options...
Question
uslei
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"> <script type="text/javascript" src="./js/fotos/jquery.galleriffic.js"></script> <script type="text/javascript" src="./js/fotos/jquery.opacityrollover.js"></script> <!-- We only want the thunbnails to display when javascript is disabled --> <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"> <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: '‹ Anterior', nextLinkText: 'Próxima ›', nextPageLinkText: 'Próxima ›', prevPageLinkText: '‹ 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>Edited by fercosmigadd tags
Link to comment
Share on other sites
3 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.