For a Modx project I have a landingpage with 2 language choises.
When you click on Dutch the full page slides to right and directly the dutch homepage is visible.
When you click on Turkish the full page slides to the left and the turkish site is visible.
My solution to this would be to have the landingpage, when clicking on Dutch a new page gets loaded, that page looks exactly the same as the landingpage, but directly the full landingpage slides to the right as being an overlayment and the dutch page will be visible.
So the script I'm looking for is a full screen overlayment (div) which directly onpageload slides to left:-100% and the lower div / page will be visible.
I've been searching and testing for a while now but I can't seem to find a good and easy script.
The best script I found yet is this:
<script type="text/javascript">
$(function() {
$('#activator').click(function(){
$('#overlay').fadeIn('fast',function(){
$('#box').animate({'left':'0'},500);
});
});
$('#boxclose').click(function(){
$('#box').animate({'left':'100%'},500,function(){
$('#overlay').fadeOut('fast');
});
});
});
</script>
Or something like this:
$("#right").click(function(){
$(".block").animate({"left": "+=100%"}, "slow");
});
Is there anyone who knows some panel or slide script I can use for this?
[ed. note: fourroses666 last edited this post 14 years ago.]
