• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

ngm_me_kurte

[Ajuda] Simple Javascript Accordions e Lightbox

1 mensagem neste tópico

Boas pessoal... é o seguinte eu estou a usar o script "Simple Javascript Accordions" e o "LightBox", mas eu gostava de alterar umas pequenas coisas, mas não estou a conseguir..... a primeira coisa é que onde está a barra azul, esta não se abra logo quando se abre a página, queria que só se abrisse quando se carrega-se na barra e quando se carrega-se outra vez esta se fecha-se..... outra coisa que não está a dar é a lightbox, devido a um pedaço do código do Simple Javascript Accordions, e se lhe tiro esse pedaço de código depois já não funciona bem o outro....

Index.html

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple Javascript Accordions - by www.dezinerfolio.com</title>
<link rel="stylesheet" href="lightbox/screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen" />


<style type="text/css">
* {
margin:0;
padding:0;
list-style:none;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin:10px;
}

#basic-accordian{
border:5px solid #EEE;
padding:5px;
width:350px;
position:absolute;
left:50%;
top:50%;
margin-left:-175px;
z-index:2;
margin-top:-100px;
}

.accordion_headings{
padding:5px;
background:#99CC00;
color:#FFFFFF;
border:1px solid #FFF;
cursor:pointer;
font-weight:bold;
}

.accordion_headings:hover{
background:#00CCFF;
}

.accordion_child{
padding:15px;
background:#EEE;
}

.header_highlight{
background:#00CCFF;
}

</style>
<script type="text/javascript" src="lightbox/lightbox.js"></script>
<script type="text/javascript" src="accordian.pack.js"></script>
</head>
<body onload="new Accordian('basic-accordian',5,'header_highlight');">


<div id="basic-accordian" ><!--Parent of the Accordion-->
      <p><a href="img/orbital_fm.jpg" rel="lightbox" title="Orbital FM!"><img src="img/orbital_fm_pek.jpg" width="300" height="300" alt="the handstand incident" border="0"/></a></p>

<!--Start of each accordion item-->
  <div id="test-header" class="accordion_headings header_highlight">Home</div><!--Heading of the accordion ( clicked to show n hide ) -->
  
  <!--Prefix of heading (the DIV above this) and content (the DIV below this) to be same... eg. foo-header & foo-content-->

  <div id="test-content"><!--DIV which show/hide on click of header-->
  
  	<!--This DIV is for inline styling like padding...-->
    <div class="accordion_child">
        <p> </p>
        <p>          <b><i>Características:</i></b></p>
        <p>
        	<br />
       	  <b>Name:</b> Orbital FM<br />
          <b>Categoria:</b> Web Design<br />
          <b>Design:</b> Photoshop<br />
          <b>Tecnology:</b> Css, Html, Php, Flash<br />
          <b>Date:</b> November, 2008<br />
    </div>
    
  </div>
<!--End of each accordion item--> 







</body>
</html>

Código que faz com que a lightbox não funcione:

<body onload="new Accordian('basic-accordian',5,'header_highlight');">

Se eu tirar esse pedaço que está a negrito a lightbox funciona mas depois o outro script não....

Para poderem ver o demo aqui deixo:

Demo

Desde já agradeço ajudas :D

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora