Hi,
I am a newby using this Jquery slider. I’ve got a problem to position the top navigation above the text “Download, Photography” when I clicked on the photography link on the top navigation bar. And the same problem to position the the top navigation above the text “84th Academy Awards Nominee List” when I clicked on the Nominee list / press releases link on the top navigation bar. Right now the top nav bar covers over the top portion of both sections. Can someone please take a look at http://www.amsegen.com/davinci/davin...ar/index.shtml to give me any tips for fixing this problem? I would be greatly appreciated.
<script type=text/javascript>
jQuery(document).ready(function(){
/* -------------------------------------------------- SCROLL TO */
$("a.go").bind('click',function(event){
var $anchor = $(this);
$('html, body').stop().scrollTo( $($anchor.attr('href')), 1000);
event.preventDefault();
});
//Ich kann diese finden im CSS mit dem #serv-liste fuer die fotos tabs
$('#serv-liste div').hover(function(){
$(".cover", this).stop().animate({top:'-80px'},{queue:false,duration:100});
}, function() {
$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
});
/* -------------------------------------------------- SCROLL */
$(window).scroll(
function() {
var scrollposition = $(window).scrollTop();
var top = 0;
var sectionheight = 800;
if (((top-250) < scrollposition) && ((top+sectionheight-250) > scrollposition)) {
$(".nav-home a").addClass('current');
$("header").addClass("je-test-1")
} else {
$(".nav-home a").removeClass('current');
$("header").removeClass("je-test-1")
}
var top = 800;
if (((top-100) < scrollposition) && ((top+sectionheight-100) > scrollposition)) {
$(".nav-serv a").addClass('current');
$("header").addClass("je-test-2")
} else {
$(".nav-serv a").removeClass('current');
$("header").removeClass("je-test-2")
}
var top = 1500;
if (((top-150) < scrollposition) && ((top+sectionheight-150) > scrollposition)) {
$(".nav-port a").addClass('current');
$("header").addClass("je-test-3")
} else {
$(".nav-port a").removeClass('current');
$("header").removeClass("je-test-3")
}
}
);
/* -------------------------------------------------- PARRALAX*/
$("#test1 .parallax-layer").parallax({ }, { yparallax: false });
/* -------------------------------------------------- FBLIKE */
$("#fb-share, #tw-share").hover(
function(){
$(this).animate({ left:'0' },{queue:false,duration:100});
},
function(){
$(this).animate({left:'-110px'},{queue:false,duration:100});
}
);
$("div#fb-share").append('');
$("#intro a.more").hover(function(){ $(this).animate({ height: '500px' },{queue:false,duration:900}); });
$("#serv a.more").hover(function(){ $(this).animate({ height: '0px' },{queue:false,duration:300}); });//3photos
$("#port a.more").hover(function(){ $(this).animate({ height: '300px' },{queue:false,duration:500}); });//nomineelist
$("#cont a.more").hover(function(){ $(this).animate({ height: '500px' },{queue:false,duration:900}); });
$("#slider").sudoSlider({
customLink:'a.port-nav',
fade: true,
fadespeed: '500',
auto: true,
pause: '3000',
updateBefore: true,
numericText:[
'<img src="images/site-web-01_thumb.jpg" />',
'<img src="images/site-web-02_thumb.jpg" />',
'<img src="images/site-web-03_thumb.jpg" />',
'<img src="images/site-web-04_thumb.jpg" />',
'<img src="images/site-web-05_thumb.jpg" />',
'<img src="images/site-web-06_thumb.jpg" />',
'<img src="images/site-web-07_thumb.jpg" />',
'<img src="images/site-web-08_thumb.jpg" />'
],
beforeAniFunc: function(t){
$(this).children('p').hide();
},
afterAniFunc: function(t){
$(this).children('p').slideDown(400);
},
prevNext:false
});
//ich brauche diese nicht
$('#ajax_form').validate({
debug: false,
errorClass: "error",
rules: {
name: "required",
mail: {
required: true,
email: true
},
message: "required"
},
messages: {
name: "Wie heiss du?",
mail: "Bitte Sie mich ein email durch",
message: "Wie gehts Ihnen? ;-)"
},
submitHandler: function(form) {
// do other stuff for a valid form
$.post('message.php', $("#ajax_form").serialize(), function(data) {
$('#results').html(data);
});
}
});
(function($)//Das function habe ich nich braucht
{
$.fn.defaultValue = function( options )
{
var options = $.extend(
{
defVal: 'Search'
},
options
);
return this.each( function()
{
$( this ).blur( function()
{
if ( $( this ).val() === '' )
$( this ).val( options.defVal );
}
).focus( function()
{
if ( $( this ).val() === options.defVal )
$( this ).val( '' );
}
);
}
);
}
}
)(jQuery);
$( '#name' ).defaultValue( { defVal: 'Achtung' } )
$( '#mail' ).defaultValue( { defVal: 'Dein email' } )
$( '#message' ).defaultValue( { defVal: 'Glucklich ...' } )
$(".fancybox").fancybox({
'titleShow' : false,
'overlayOpacity': 0.8,
'overlayColor' : '#111'
});
});
</script>