nicht angemeldet
Hallo, habe gerade von jemandem, der es wissen muss, erfahren, dass ich die falschen Javascripte hochgeladen habe. Er sagt, dass man im folgenden Javascript die Zeilen 52, 134, 186 auskommentieren soll, hat aber selbst keine Zeit. Jetzt weiss ich leider dennoch nicht weiter. Menü ist wohl "nav". Ich würde mich sehr über jede Hilfe freuen und schicke schonmal 1000 Danke in die Welt! Viele liebe Grüße Lina
var map;
$(document).ready(function(){
//cScroll
$(".scroll").cScroll({
duration:700,
step:100
});
$('#splash').tinyscrollbar({ axis: 'x', sizethumb:"169"});
//menu
$('#main>nav>ul').superfish({
delay: 600,
animation: {opacity:'show', height:'show'},
speed: 400,
autoArrows: false,
dropShadows: false
});
$('#main>nav>ul>li').prepend("<span></span>");
if(!$.browser.msie){
$('#main>nav>ul>li>span').fadeTo(0,0).animate({scale:0, opacity:0}, 0)
}else{
$('#main>nav>ul>li>span').css({"visibility":"hidden"});
}
//content switch
var content=$("#main"),
nav=$("#main>nav"),
back=$("#back"),
animateState = false;
function overHandler(){
if(!$.browser.msie){
$(this).find("img").stop().fadeTo(400, 0.2);
$(this).find("div").stop().fadeTo(400, 0.2);
}else{
$(this).find("img").stop().fadeTo(0, 0.2);
$(this).find("div").stop().fadeTo(0, 0.2);
}
}
function outHandler(){
if(!$.browser.msie){
$(this).find("img").stop().fadeTo(400, 1);
$(this).find("div").stop().fadeTo(400, 1);
}else{
$(this).find("img").stop().fadeTo(0, 1);
$(this).find("div").stop().fadeTo(0, 1);
}
}
nav.fadeTo(0, 0);
/*back.find("div").fadeOut(0);
back.find("img").fadeOut(0);
back.fadeOut(0);*/
nav.navs({
useHash:true,
hoverIn:function(li){
if(!$.browser.msie){
li.find('> span').stop().animate({scale:1, opacity:1}, 300,"easeOutBack");
li.find('> a').stop().animate({color:"#000000"},300);
}else{
li.find('> span').css({"visibility":"visible"});
li.find('> a').css({color:"#6e6e6e"})
}
},
hoverOut:function(li){
if (!li.hasClass('with_ul') || !li.hasClass('sfHover')) {
if (!li.hasClass('active')){
if(!$.browser.msie){
li.find('> span').stop().animate({scale:0, opacity:0}, 400, "easeInCubic");
li.find('> a').stop().animate({color:"#6e6e6e"},300, "easeInCubic");
}else{
li.find('> span').css({"visibility":"hidden"});
li.find('> a').css({color:"#6e6e6e"})
}
}
}
},
hover:true
})
nav.navs(function(n, _){
content.cont_sw(n);
changeCSS(n);
});
function changeCSS(name){
switch(name){
case "#!/projects":
$("body").attr("class", "body_var1");
$("#main").attr("class", "main_var1");
break;
case "#!/read_more2":
$("body").attr("class", "body_var2");
$("#main").attr("class", "main_var2");
break;
case "#!/read_more5":
$("body").attr("class", "body_var2");
$("#main").attr("class", "main_var2");
break;
case "#!/read_more1":
$("body").attr("class", "body_var3");
$("#main").attr("class", "main_var3");
break;
case "#!/read_more4":
$("body").attr("class", "body_var4");
$("#main").attr("class", "main_var4");
break;
case "#!/mail":
setTimeout(refreshMap, 1500);
break;
case "#!/privacy-policy":
$("body").attr("class", "body_var3");
$("#main").attr("class", "main_var3");
break;
case "#!/services":
$("body").attr("class", "body_var2");
$("#main").attr("class", "main_var2");
break;
///hier kommen die anderen pfade hin
default:
$("body").attr("class", "body_default");
$("#main").attr("class", "main_default");
break;
}
}
$(window).bind("hashchange", changeSiteHash);
function changeSiteHash(){
if(window.location.hash != "" && window.location.hash != "#"){
if(window.location.hash =="#!/splash") {
nav.stop().fadeTo(400, 0, function(){nav.css({"visibility":"hidden"})});
/*back.find("div").fadeOut(400);
back.find("img").fadeOut(400);
back.fadeOut(400);
back.unbind("mouseover",overHandler);
back.unbind("mouseout",outHandler);*/
back.find("div").stop().delay(450).fadeTo(500, 1);
back.find("img").stop().delay(450).fadeTo(500, 1);
back.stop().delay(450).fadeTo(500, 1);
back.bind("mouseover",overHandler);
back.bind("mouseout",outHandler);
}else{
nav.css({"visibility":"visible"}).stop().delay(450).fadeTo(600, 1);
/*back.find("div").stop().delay(450).fadeTo(500, 1);
back.find("img").stop().delay(450).fadeTo(500, 1);
back.stop().delay(450).fadeTo(500, 1);
back.bind("mouseover",overHandler);
back.bind("mouseout",outHandler);*/
back.find("div").fadeOut(400);
back.find("img").fadeOut(400);
back.fadeOut(400);
back.unbind("mouseover",overHandler);
back.unbind("mouseout",outHandler);
}
}
}
content.cont_sw({
showFu:function(){
var _=this;
$.when(_.li).then(function(){
_.next.css({display:'block', left:-1500}).stop().animate({left:0}, 800, 'easeOutCubic');
});
},
hideFu:function(){
var _=this;
_.li.stop().animate({left:1500},800, 'easeInCubic', function(){
_.li.not(_.next).css({display:'none'});
})
},
preFu:function(){
var _=this;
_.li.css({position:'absolute', display:'none'});
}
});
nav.navs(0);
hideMenu();
function hideMenu(){
if (window.location.hash =="#!/splash" || window.location.hash =="") {
nav.fadeTo(0, 0, function(){nav.css({"visibility":"hidden"})});
/*back.find("div").fadeOut(0);
back.find("img").fadeOut(0);
back.fadeOut(0);
back.unbind("mouseover",overHandler);
back.unbind("mouseout",outHandler);*/
}
}
$(window).load(function(){
// social buttons
$("footer > ul > li").socialButtons();
$('#projects > .box_4 > .scroll > .inner > li > a:first-child').fancybox({
'speedIn' : 300,
'speedOut' : 300
});
$("#projects > .box_4 > .scroll > .inner > li > a:first-child").each(function(e){
$(this).prepend("<div class='zoomOverProject'></div>");
$(this).find("div").fadeTo(0, 0);
}).hover(overImgHandle, outImgHandler)
//splashScroll
$('.viewport > ul > li > a').fancybox({
'speedIn' : 300,
'speedOut' : 300
});
$(".viewport > ul > li > a").each(function(e){
$(this).prepend("<div class='zoomOver'></div>");
$(this).find("div").fadeTo(0, 0);
}).hover(overImgHandle, outImgHandler)
function overImgHandle(){
$(this).find("div").stop().fadeTo(500, 0.5);
}
function outImgHandler(){
$(this).find("div").stop().fadeTo(500, 0);
}
setTimeout(hideSpinner, 1000)
function hideSpinner (){
$("#spinner").fadeOut(400);
}
});
google.maps.event.addDomListener(window, 'load', function() {
map = new google.maps.Map(document.getElementById('gmap3'), {
zoom: 15,
center: new google.maps.LatLng(51.375303,6.927202),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker1 = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(51.375303,6.927202)
});
});
})
function refreshMap(){
google.maps.event.trigger(map, 'resize');
map.setCenter(new google.maps.LatLng(51.375303,6.927202));
}
JürgenB