hola de nuevo amigos recurro otra vez a vosotros ya que no he logrado solucionar n problemilla que tengo, como ya comente otras veces, en javascript no se programas, y voy entendiendo lo justo para modificar alguno y que realicen la funcion que deseo pero en este caso no lo consigo. mirad mi problema es el siguiente yo tengo un index con 5 capas.
........
<div id="empresa" class="thumbnailContainer"> contenido 1 </div>
<div id="servicios" class="thumbnailContainer">contenido 2</div>
<div id="portfolio" class="thumbnailContainer">contenido 3</div>
<div id="descargas" class="thumbnailContainer">contenido 4</div>
<div id="clientes" class="thumbnailContainer">contenido 5</div>
........
como podeis ver son todos la misma clase y tengo un script que lo que hace es que muestra el contenido segun el enlace en que pinche. El problema es el siguiente desde un prinmcipio no se muestran contenidos es dcir tengo que pulsar en el enlace correspondiente para que aparezca un determinado contenido. y a mi me gustaria que por ejemplo el contenido 1 apareciese ya nada mas cargar la pagina el js es el siguiente:
var thumbToOpen = -1;
var thumbToClose = -1;
function openThumbs(selected,open){
var thumbs = $$('.thumbnailContainer');
var thumbFx = new Fx.Elements(thumbs, {wait: false, duration: 600, transition: Fx.Transitions.quadOut, onComplete: nextThumbs});
var thumbFx2 = new Fx.Elements(thumbs, {wait: false, duration: 600, transition: Fx.Transitions.quadIn, onComplete: nextThumbs});
thumbToOpen = selected;
//thumbToClose = open;
var obj = {};
if(selected == -1){
obj[thumbToClose] = {
'height': [thumbs[thumbToClose].getStyle('height').toInt(), 0]
};
thumbFx.start(obj);
//thumbToClose = -1;
}else{
if(thumbToClose == -1){
thumbs[selected].setStyle('display', 'block');
obj[selected] = {
'height': [thumbs[selected].getStyle('height').toInt(), 400]
};
thumbFx.start(obj);
thumbToClose = selected;
}else{
obj[thumbToClose] = {
'height': [thumbs[thumbToClose].getStyle('height').toInt(), 0]
};
thumbFx2.start(obj);
//thumbToClose = -1;
}
}
}
function nextThumbs(){
var thumbs = $$('.thumbnailContainer');
var thumbFx = new Fx.Elements(thumbs, {wait: false, duration: 600, transition: Fx.Transitions.quadOut});
if(thumbToClose != -1){
thumbs[thumbToClose].setStyle('display', 'none');
thumbToClose = -1;
if(thumbToOpen != -1){
thumbs[thumbToOpen].setStyle('display', 'block');
var obj = {};
obj[thumbToOpen] = {
'height': [thumbs[thumbToOpen].getStyle('height').toInt(), 400]
};
thumbFx.start(obj);
thumbToClose = thumbToOpen;
}
}
}
y no tengo ni idea de que tengo que cambiar para que esto ocurra. el Js realiza n efecto acordeon en el contenido como el que podeis ver en esta pagina.
www.aaronbirchphotography.com
muchas gracias a todos.
