| Periodista | 02/07/2009 16:29 |
Ayuda - javascript - spry - sliding panels
Hola a todos.
Les pido ayuda porque estoy comenzando un proyecto y la verdad es que conozco no js.
Estoy utilizando "Spry", que viene junto a dreamweaver, y la verdad es que logrando modificar el css lo pude diseñar a mi manera, pero aún no puedo cambiar el funcionamiento de esta.
Este es el ejemplo:
(agreguen antes el h t t p )
labs.adobe.com/technologies/spry/samples/effects/multiple_slides_sample.html
Como ven, al hacer click en los botones, aparecen los slides con la información.
Lo que necesito hacer yo, es al ingresas a la página, que aparezca de inmediato el "Slide 1" abierto y no esperar al click para que aparezca
el código js: Código:
<script type="text/javascript">
var observer = {};
observer.nextEffect = false;
observer.onPostEffect = function(e){
if (this.nextEffect)
{
var eff = this.nextEffect;
setTimeout(function(){eff.start();}, 10);
}
this.nextEffect = false;
}
function myPanelsSlides(currentPanel)
{
// The list of all the panels that need sliding
var panels = ['slide1', 'slide2', 'slide3', 'slide4'];
var opened = -1;
// Let's check if we have an effect for each of these sliding panels
if (typeof effects == 'undefined')
effects = {};
for (var i=0; i < panels.length; i++)
{
if (typeof effects[panels[i]] == 'undefined'){
effects[panels[i]] = new Spry.Effect.Slide(panels[i], {from: '0%', to: '100%', toggle: true});
effects[panels[i]].addObserver(observer);
}
if (effects[panels[i]].direction == Spry.forwards && currentPanel != panels[i])
opened = i;
//prevent too fast clicks on the buttons
if (effects[panels[i]].direction == Spry.backwards && effects[panels[i]].isRunning)
{
observer.nextEffect = effects[currentPanel];
return;
}
}
if (opened != -1)
{
observer.nextEffect = effects[currentPanel];
effects[panels[opened]].start();
}
else if (effects[currentPanel].direction != Spry.forwards)
{
effects[currentPanel].start();
}
};
</script>
el código css: Código:
<style type="text/css">
.demoDiv{
height: 150px;
overflow: hidden;
}
.hiddenElement{
display:none;
/* Fix IE floating bug */
position: absolute;
top: 140px;
}
</style>
Ayuda porfavor! miren que he estado 1 semana tratando de modificar el código y nada :S a lo más hago que los slides no se abran :'(
de antemano, muchas gracias :aplauso:
saludos! | 