Estou com o seguinte problema, quando ativo o fancybox um outro javascript, o scroller para de funcionar, ouvi dizer que existe uma solução pra isso mas não sei ao certo qual.
Header da pagina:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>teste</title>
<script type="text/javascript"
src="http://static.flowplayer.org/js/tools/1.1.2/all/jquery.tools.min.js?v=1">
</script>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="scrollable-vertical.css" rel="stylesheet" type="text/css" />
<script src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script>
<script>
// execute your scripts when DOM is ready. this is a good habit
$(function() {
// initialize scrollable
$("div.scrollable").scrollable({
vertical:true,
size: 3
// use mousewheel plugin
}).mousewheel();
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/fancybox/jquery.fancybox-1.2.6.css" media="screen" />
<script type="text/javascript" src="fancybox/fancybox/jquery.fancybox-1.2.6.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a.zoom").fancybox();
$("a.zoom1").fancybox({
'overlayOpacity' : 0.7,
'overlayColor' : '#FFF'
});
$("a.zoom2").fancybox({
'zoomSpeedIn' : 500,
'zoomSpeedOut' : 500
});
});
</script>
</head>
Pergunta
forsakenART
Estou com o seguinte problema, quando ativo o fancybox um outro javascript, o scroller para de funcionar, ouvi dizer que existe uma solução pra isso mas não sei ao certo qual.
Header da pagina:
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>teste</title> <script type="text/javascript" src="http://static.flowplayer.org/js/tools/1.1.2/all/jquery.tools.min.js?v=1"> </script> <link href="style.css" rel="stylesheet" type="text/css" /> <link href="scrollable-vertical.css" rel="stylesheet" type="text/css" /> <script src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script> <script> // execute your scripts when DOM is ready. this is a good habit $(function() { // initialize scrollable $("div.scrollable").scrollable({ vertical:true, size: 3 // use mousewheel plugin }).mousewheel(); }); </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="fancybox/fancybox/jquery.fancybox-1.2.6.css" media="screen" /> <script type="text/javascript" src="fancybox/fancybox/jquery.fancybox-1.2.6.pack.js"></script> <script type="text/javascript"> $(document).ready(function() { $("a.zoom").fancybox(); $("a.zoom1").fancybox({ 'overlayOpacity' : 0.7, 'overlayColor' : '#FFF' }); $("a.zoom2").fancybox({ 'zoomSpeedIn' : 500, 'zoomSpeedOut' : 500 }); }); </script> </head>Se puderem me ajudar fico grato.
Editado por forsakenARTLink para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
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.