GreG >>Web&Print architecte
$(document).ready(function() {
$('#rubriques').css({width:0});
$('#cv_1, #presentation, #contact').hide();
$('#cv_2, #cv_3, #cv_4, #cv_5').css({width:0});
$('#rubriques').load({width:0});
$('#header2').css({width:0,height:5});
$('#nav_travaux').hide();
$('#travaux').css({height:0});
$('#liens').css({width:-0,height:0});
//------------------------------------------------------Zoombox
/* // You can also use specific options
$('#travaux a.zoombox').zoombox({
theme : 'zoombox', //available themes : zoombox,lightbox, prettyphoto, darkprettyphoto, simple
opacity : 0.8, // Black overlay opacity
duration : 500, // Animation duration
animation : true, // Do we have to animate the box ?
gallery : false, // Allow gallery thumb view
autoplay : true, // Autoplay for video
});*/
//------------------------------------------------------------Détermination des fonctions d'animation des rubriques
function anim(){};
etat=0;
/* function actuel(){$('p span').html(etat);};
actuel();
variable etat : */
function apropos_in (){
etat=1;
$('#nav').animate({right:0});
$('#header').animate({top:180}, function(){
$('#header, #signature').delay(200).show(0,function(){
$('#signature').animate({width:0});
$('#header').animate({width:246}, function() {
$('#header').animate({left:290}, function() {
$('#presentation').queue (function() {
$(this).slideDown(500, function() {$('#presentation').css({'border-bottom-style':'solid'})});
$(this).dequeue();
});
});
});
});
})
};
function apropos_out(){
$('#presentation').css({'border-bottom-style':'none'}).slideUp('', function() {
$('#header').animate({left:0,width:446});
$('#signature').animate({width:200},anim);
});
};
function cv_in(){
etat=2;
$('#signature, #header').show('normal')
$('#nav').animate({right:0},function(){
$('#header').animate({width:200}).animate({top:80}, function() {
$('#cv_1').fadeIn('normal', function() {
$('#cv_2').animate({width:399},function() {$('#cv_3').animate({width:201}, function(){
$('#cv').fadeIn(500);
})
});
$('#cv_4').animate({width:399}, function() {$('#cv_5').animate({width:201});});
});
});
});
};
function cv_out(){
$('#cv').hide();
$('#cv_2, #cv_3, #cv_4, #cv_5').css({width:0});
$('#cv_1').fadeOut('normal',anim)
};
function travaux_in(){
etat=3;
$('#header').fadeOut('slow');
$('#nav').animate({right:650},1500, (function() {
$('#header2').animate({width:192}, (function() {
$(this).animate({height:246}, (function() {
$('#nav_travaux').slideDown('normal', function() {
$('#travaux').animate({height:475})
});
}));
}));
}));
};
function travaux_out (){
$('#travaux').animate({height:0}, function(){
$('#nav_travaux').slideUp('slow', function() {
$('#header2').animate({height:5}).animate({width:0},anim)
});
});
};
function contact_in(){
etat=4;
$('#nav').animate({right:0},800,function(){
$('#header').show().animate({left:0,top:430,width:730});
$('#contact').show('slow');
$('#signature').fadeIn();
});
};
function contact_out(){
$('#header').animate({width:446},'slow');
$('#contact').hide('slow',anim);
};
function liens_in() {
etat=5;
var nbr_lien = $('#liens').children(".lien").length;
$('#header').animate({width:446},function(){
$('#signature').fadeOut('slow', function(){
$('#header').animate({width:1175,top:80},function(){
$(this).delay(500).fadeIn();
$('#signature').fadeIn(1000)
});
});
});
$('#nav').animate({right:325},2000, (function() {
$('#liens').fadeIn().animate({top:570,height:(nbr_lien*105)},1000, function(){
$(this).animate({left:0,width:670})
})
}))
};
function liens_out(){
$('#signature').fadeOut('fast',function(){
$('#header').animate({width:446})
});
$('#liens').animate({width:0,left:345},'normal',function(){
$(this).animate({top:650,height:0},500,anim)
})
};
//------------------------------------------------------------Détermination des conditions d'animations
actif=0
$('#nav_3 img').click (function() {
actif=1;
if ($('#nav_4 img,#nav_6 img,#nav_7 img,#nav_8 img').hasClass('virtual_class'))
{$('#nav_4 img,#nav_6 img,#nav_7 img,#nav_8 img').removeClass().hide()};
$(this).addClass('virtual_class');
if (etat==0){apropos_in()
}else{
anim=apropos_in;
if (etat==2) {cv_out()}
else if (etat==3) {travaux_out()}
else if (etat==4) {contact_out()}
else if (etat==5) {liens_out()}
};
});
$('#nav_4 img').click (function() {
actif=2;
if ($('#nav_3 img,#nav_6 img,#nav_7 img,#nav_8 img').hasClass('virtual_class'))
{$('#nav_3 img,#nav_6 img,#nav_7 img,#nav_8 img').removeClass().hide()};
$(this).addClass('virtual_class');
if (etat==0){cv_in()
}else{
anim=cv_in;
if (etat==1) {apropos_out()}
else if (etat==3) {travaux_out()}
else if (etat==4) {contact_out()}
else if (etat==5) {liens_out()}
};
});
$('#nav_6 img').click (function() {
actif=3;
if ($('#nav_3 img,#nav_4 img,#nav_7 img,#nav_8 img').hasClass('virtual_class'))
{$('#nav_3 img,#nav_4 img,#nav_7 img,#nav_8 img').removeClass().hide()};
$(this).addClass('virtual_class');
if (etat==0){travaux_in()
}else{
anim=travaux_in;
if (etat==1) {apropos_out()}
else if (etat==2) {cv_out()}
else if (etat==4) {contact_out()}
else if (etat==5) {liens_out()}
};
});
$('#nav_7 img').click (function() {
actif=4;
if ($('#nav_3 img,#nav_4 img,#nav_6 img,#nav_8 img').hasClass('virtual_class'))
{$('#nav_3 img,#nav_4 img,#nav_6 img,#nav_8 img').removeClass().hide()};
$(this).addClass('virtual_class');
if (etat==0){contact_in()
}else{
anim=contact_in;
if (etat==1) {apropos_out()}
else if (etat==2) {cv_out()}
else if (etat==3) {travaux_out()}
else if (etat==5) {liens_out()}
};
});
$('#nav_8 img').click (function() {
actif=5;
if ($('#nav_3 img,#nav_4 img,#nav_6 img,#nav_7 img').hasClass('virtual_class'))
{$('#nav_3 img,#nav_4 img,#nav_6 img,#nav_7 img').removeClass().hide()};
$(this).addClass('virtual_class');
if (etat==0){liens_in()
}else{
anim=liens_in;
if (etat==1) {apropos_out()}
else if (etat==2) {cv_out()}
else if (etat==3) {travaux_out()}
else if (etat==4) {contact_out()}
};
});
//------------------------------------------------------------MENU : Survol des icones et affichage des rubriques
$('#nav_3').mouseenter (function () {
$('#nav_3 img').fadeIn('fast')
$('#rubriques').css({'width':0});
$('#nav img.virtual_class').show();
$('#rubriques').removeClass().addClass('presentation').animate({width:670});
});
$('#nav_4').mouseenter (function () {
$('#nav_4 img').fadeIn('fast');
$('#rubriques').css({'width':0});
$('#nav img.virtual_class').show();
$('#rubriques').removeClass().addClass('curriculum_vitae').animate({width:670});
});
$('#nav_6').mouseenter (function () {
$('#nav_6 img').fadeIn('fast')
$('#rubriques').css({'width':0});
$('#nav img.virtual_class').show();
$('#rubriques').removeClass().addClass('travaux').animate({width:670});
});
$('#nav_7').mouseenter (function () {
$('#nav_7 img').fadeIn('fast');
$('#rubriques').css({'width':0});
$('#nav img.virtual_class').show();
$('#rubriques').removeClass().addClass('contact').animate({width:670});
});
$('#nav_8').mouseenter (function () {
$('#nav_8 img').fadeIn('fast');
$('#rubriques').css({'width':0});
$('#nav img.virtual_class').show();
$('#rubriques').removeClass().addClass('liens').animate({width:670});
});
$('#nav_3 img').mouseleave (function() {
if ($(this).hasClass('virtual_class')) {
$(this).show();
} else {
$(this).hide()};
if (actif==2) {$('#rubriques').removeClass().addClass('curriculum_vitae')}
else if (actif==3) {$('#rubriques').removeClass().addClass('travaux')}
else if (actif==4) {$('#rubriques').removeClass().addClass('contact')}
else if (actif==5) {$('#rubriques').removeClass().addClass('liens')};
});
$('#nav_4 img').mouseleave (function() {
if ($(this).hasClass('virtual_class')) {
$(this).show();
} else {
$(this).hide()};
if (actif==1) {$('#rubriques').removeClass().addClass('presentation')}
else if (actif==3) {$('#rubriques').removeClass().addClass('travaux')}
else if (actif==4) {$('#rubriques').removeClass().addClass('contact')}
else if (actif==5) {$('#rubriques').removeClass().addClass('liens')};
});
$('#nav_6 img').mouseleave (function() {
if ($(this).hasClass('virtual_class')) {
$(this).show();
} else {
$(this).hide()};
if (actif==1) {$('#rubriques').removeClass().addClass('presentation')}
else if (actif==2) {$('#rubriques').removeClass().addClass('curriculum_vitae')}
else if (actif==4) {$('#rubriques').removeClass().addClass('contact')}
else if (actif==5) {$('#rubriques').removeClass().addClass('liens')};
});
$('#nav_7 img').mouseleave (function() {
if ($(this).hasClass('virtual_class')) {
$(this).show();
} else {
$(this).hide()};
if (actif==1) {$('#rubriques').removeClass().addClass('presentation')}
else if (actif==2) {$('#rubriques').removeClass().addClass('curriculum_vitae')}
else if (actif==3) {$('#rubriques').removeClass().addClass('travaux')}
else if (actif==5) {$('#rubriques').removeClass().addClass('liens')};
});
$('#nav_8 img').mouseleave (function() {
if ($(this).hasClass('virtual_class')) {
$(this).show();
} else {
$(this).hide()};
if (actif==1) {$('#rubriques').removeClass().addClass('presentation')}
else if (actif==2) {$('#rubriques').removeClass().addClass('curriculum_vitae')}
else if (actif==3) {$('#rubriques').removeClass().addClass('travaux')}
else if (actif==4) {$('#rubriques').removeClass().addClass('contact')};
});
//------------------------------------------------------------Menu travaux initialisation des flèches
var pos1 = 0;
var pos2 = 0;
var pos3 = 0;
var pos4 = 0;
var nombre1 = $('#travaux_web').children(".web").length;
var nombre2 = $('#travaux_print').children(".print").length;
var nombre3 = $('#travaux_3d').children(".t3d").length;
var nombre4 = $('#travaux_tradi').children(".tradi").length;
$('#haut').hide()
$('#nav_travaux a img').click(function () {
$onglet = $(this).attr('alt');
// alert (pos1 ' ' pos2);
if ($onglet=='web'){
$('#nav_travaux a img').removeClass()
$(this).addClass('image_select');
$('#select_travaux').animate({left:0})
if (pos1==0){
$('#bas').fadeIn()
$('#haut').fadeOut()
};
if (pos1 == 4){
$('#bas').fadeOut()
$('#haut').fadeIn()};
if (pos1==3 || pos1==2 || pos1==1){
$('#bas').fadeIn()
$('#haut').fadeIn()};
};
if ($onglet=='print'){
$('#nav_travaux a img').removeClass()
$(this).addClass('image_select');
$('#select_travaux').animate({left:-576})
if (pos2==0){
$('#bas').fadeIn()
$('#haut').fadeOut()
};
if (pos2 == nombre2-1){
$('#bas').fadeOut()
$('#haut').fadeIn()};
};
if ($onglet=='3d'){
$('#nav_travaux a img').removeClass()
$(this).addClass('image_select');
$('#select_travaux').animate({left:-1152})
if (pos3==0){
$('#bas').fadeIn()
$('#haut').fadeOut()
};
if (pos3 == nombre3-1){
$('#bas').fadeOut()
$('#haut').fadeIn()}
};
if ($onglet=='tradi'){
$('#nav_travaux a img').removeClass()
$(this).addClass('image_select');
$('#select_travaux').animate({left:-1728})
if (pos4==0){
$('#bas').fadeOut()
$('#haut').fadeOut()
};
/*if (pos4 == nombre4-1){
$('#bas').fadeOut()
$('#haut').fadeIn()}*/
};
});
//--------------------------BAS--------------------------------Défilement vertical des travaux
$('#bas').click( function() {
$onglet = $('#nav_travaux').find(".image_select").attr('alt');
if ($onglet == 'web')
{
pos1 = pos1 1;
$('#travaux_web').animate({top: '-=160px'},'slow')
if (pos1 == 1) {$('#haut').fadeIn()};
if (pos1 == nombre1-3) {$('#bas').fadeOut(); };
}
if ($onglet == 'print')
{
pos2 = pos2 1;
$('#travaux_print').animate({top: '-=475px'},'slow')
if (pos2 == 1) {$('#haut').fadeIn()};
if (pos2 == nombre2-1) {$('#bas').fadeOut();};
}
if ($onglet == '3d')
{
pos3 = pos3 1;
$('#travaux_3d').animate({top: '-=475px'},'slow')
if (pos3 == 1) {$('#haut').fadeIn()};
if (pos3 == nombre3-1) {$('#bas').fadeOut();};
}
if ($onglet == 'tradi')
{
pos4 = pos4 1;
$('#travaux_tradi').animate({top: '-=475px'},'slow')
if (pos4 == 1) {$('#haut').fadeIn()};
if (pos4 == nombre4-1) {$('#bas').fadeOut();};
}
});
//----------------------------HAUT----------------------------------------Défilement vertical des travaux
$('#haut').click ( function() {
$onglet = $('#nav_travaux').find(".image_select").attr('alt');
if ($onglet == 'web')
{
pos1 = pos1 - 1;
$('#travaux_web').animate({top: ' =160px'}, 'slow');
if (pos1 == 0){
$('#bas').fadeIn()
$('#haut').fadeOut();
};
if (pos1 == nombre1-4){
$('#bas').fadeIn();
};
}
if ($onglet == 'print')
{
pos2 = pos2 - 1;
$('#travaux_print').animate({top: ' =475px'}, 'slow');
if (pos2 == 0){
$('#bas').fadeIn()
$('#haut').fadeOut()
};
if (pos2 == 2){
$('#bas').fadeIn();
};
}
if ($onglet == '3d')
{
pos3 = pos3 - 1;
$('#travaux_3d').animate({top: ' =475px'}, 'slow');
if (pos3 == 0){
$('#bas').fadeIn()
$('#haut').fadeOut()
};
if (pos3 == 2){
$('#bas').fadeIn();
};
}
if ($onglet == 'tradi')
{
pos4 = pos4 - 1;
$('#travaux_tradi').animate({top: ' =475px'}, 'slow');
if (pos4 == 0){
$('#bas').fadeIn()
$('#haut').fadeOut()
};
if (pos4 == 2){
$('#bas').fadeIn();
};
}
});
//----------------------------FIN-----------------------------------------
});
Site Info
