Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Oi gente, depois de muitas tentativas frustradas resolvi recorrer ao fórum. Espero que possam me ajudar.
Estou criando um site que terá um slideshow no topo e logo abaixo uma outra div contendo uma galeria lightbox. O problema é que só funciona ou um ou outro. Ambos funcionam quando estão sozinhos na página. Quando insiro os códigos dos dois, um pára de funcionar. Existe alguma forma de carregar dois javascripts numa só página? Por favor, me dêem esse help, pessoal.
Segue o código da página:
<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="estilo.css" rel="stylesheet" type="text/css" /><title>Márcia Amaral Arquitetos</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">/***
Simple jQuery Slideshow Script
Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it :)
***/
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
// use this to pull the images in the order they appear in the markup
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');
// uncomment the 3 lines below to pull the images in random order
// var $sibs = $active.siblings();
// var rndNum = Math.floor(Math.random() * $sibs.length );
// var $next = $( $sibs[ rndNum ] );
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 5000 );
});
</script>
<style type="text/css">/* set the width and height to match your images /
#slideshow {
position:relative;
height:350px;
}#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}#slideshow IMG.active {
z-index:10;
opacity:1.0;
}#slideshow IMG.last-active {
z-index:9;
}
</style>
</head>
<body>
<div id="geral">
<div id="banner">
<div id="slideshow">
<img src="images/image1.jpg" alt="Slideshow Image 1" class="active" />
<img src="images/image2.jpg" alt="Slideshow Image 2" />
</div>
</div>
<div id="header">
<div id="header_left"></div>
<div id="header_logo"><a href="[http://www.marciamaral.com">Carregando comentários...