poli-dori
Erfahrenes Mitglied
Hi Experten,
Ich habe in einer Website ein vertikales Carousel-Menü (JQuery) eingebaut. Funktioniert überall (IE7, IE8, FF, Opera, Safari) prima ausser natürlich im IE6. Sobald die Seite fertig geladen ist, schließt sich der Browser von alleine.
Hier der Link zur Seite.
Ich habe die Jquery Library geladen und folgenden Script dazu verwendet:
Da ich mich mit Javascipt nicht wirklich auskenne habe ich keine Ahnung was die Lösung sein könnte oder wo ich danach suchen könnte.
Ich hoffe ihr könnt mir helfen.
Ich habe in einer Website ein vertikales Carousel-Menü (JQuery) eingebaut. Funktioniert überall (IE7, IE8, FF, Opera, Safari) prima ausser natürlich im IE6. Sobald die Seite fertig geladen ist, schließt sich der Browser von alleine.
Hier der Link zur Seite.
Ich habe die Jquery Library geladen und folgenden Script dazu verwendet:
PHP:
var shift = 140;
$(document).ready(function() {
var ulHeight = 0;
$("#carousel ul img").each(function(i) {
ulHeight += $(this).outerHeight(true)+4;
});
$("#carousel ul").css("height", ulHeight);
//
if($("#carousel ul").height() <= $("#carousel").height()){
//alert($("#carousel ul").height()+" "+$("#carousel").height());
document.getElementById("carousel").style.height = $("#carousel ul").height()+"px";
document.getElementById("buttons").style.visibility = "hidden";
}
//
$("#down").click(function() {
var newPos = $("#carousel ul").position().top - shift;
if (newPos < ($("#carousel").height() - $("#carousel ul").height())) {
newPos = $("#carousel").height() - $("#carousel ul").height();
}
$("#carousel ul").animate({ top:newPos+"px"}, 800, "easeOutQuad");
});
$("#up").click(function() {
var newPos = $("#carousel ul").position().top + shift;
if (newPos > 0) {
newPos = 0;
}
$("#carousel ul").animate({ top:newPos+"px"}, 800, "easeOutQuad");
});
});
Ich hoffe ihr könnt mir helfen.