Slide-in effekt på indhold
Hej Eksperter.Sidder og roder med noget JavaScript til at "slide" indholdet ind på en side.
Jeg er rimelig nybegynder indenfor JavaScript, men er indtil videre kommet frem til det her:
// <-- CONFIG
var element_position_out = -580;
var element_position_in = 5;
var element_slide_speed = 10;
var content_boxes = new Array();
content_boxes[0] = "content_1";
content_boxes[1] = "content_2";
content_boxes[2] = "content_3";
content_boxes[3] = "content_4";
// CONFIG -->
var element_position = element_position_out;
var element_slide_out;
var element_slide_in;
function slide_element(element)
{
// Show the content-bar
document.getElementById("content_bar").style.visibility = "visible";
// Hide the other content-boxes
var x;
for (x in content_boxes)
{
if (content_boxes[x] != element)
{
document.getElementById(content_boxes[x]).style.left = element_position_out;
}
}
// Slide in the new content-box
document.getElementById(element).style.left = element_position_out;
element_slide_in = setInterval("func_slide_element('" +element+ "');", 1);
}
function func_slide_element(element)
{
if (element_position < element_position_in)
{
element_position = element_position + element_slide_speed;
window.document.getElementById(element).style.left = element_position;
}
else
{
clearInterval(element_slide_in);
element_position = element_position_out;
// Hide the content-bar
document.getElementById("content_bar").style.visibility = "hidden";
}
}
Det virker som sådan også fint nok, i IE7, men da jeg testede det i FireFox 2, så "slider" indholdet ikke ind, den popper bare frem i stedet, samt (gælder både IE og FF) hvis man klikker 2 gange (dobbelt-klik) på en af linksne til at vise indhold, så bliver indholdet ved med at "slide" ind hele tiden, igen og igen, osv.
Nogen der kan hjælpe mig her?
/xicrow
