SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: jquery slider

  1. #1
    SitePoint Addict
    Join Date
    Jun 2004
    Location
    U.S.
    Posts
    258
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jquery slider

    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.
    Code:
    <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>

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Your link seems to be broken. Can you repost it?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •