par
S3reine » 14 mars 2012, 16:09
Bonjour, je suis une jeune diplomée et je suis sur mon premier vrai boulot, en cdd de 3 mois, en train de créer un site internet pour la boite.
Il y a beaucoup de jquery, javascript ect. Et sur une de mes pages, qui est assez pénible, car beaucoup de code javascript, le code ne fonctionne pas sous chrome.
Il fonctionne bien sous IE et firefox.
Donc sous chrome les boutons : .next et .prev ne font rien.
Et pour le slider, pareil cliquer sur .team-bandeau ne fait que changer la class, mais le slide ne se fait pas.
Voici les scripts utilisés:
http://fredhq.com/projects/roundabout#/demos
et
http://bxslider.com/
Voici le script. (c'est un peu le bordel : x)
(Si quelqu'un arrive à décrypter et voir ce qui cloche dans ce que j'ai écris, car bon, étant totalement amatrice, je ne comprends pas ce qui ne va pas

)
Merci beaucoup d'avance !
Code : Tout sélectionner
$(document).ready(function() {
$("#loading").show();
$('ul.roundabout').ready(function(){
$("#loading").hide();
$('ul.roundabout').roundabout({
btnNext: ".next",
btnPrev : ".prev",
enableDrag: true,
duration: 1000,
responsive:true,
btnNextCallback:function(){
$('li.roundabout-in-focus').ready(function() {
$('li.roundabout-in-focus').addClass("image_hover");
$('.image_hover div').fadeTo("fast", 1);
$('.image_ div').css("opacity",0);
})
},
btnPrevCallback:function(){
$('li.roundabout-in-focus').ready(function() {
$('li.roundabout-in-focus').addClass("image_hover");
$('.image_hover div').fadeTo("fast", 1);
$('.image_ div').css("opacity",0);
})
},
clickToFocusCallback:function(){
$('li.roundabout-in-focus').ready(function() {
$('li.roundabout-in-focus').addClass("image_hover");
$('.image_hover div').fadeTo("fast", 1);
$('.image_ div').css("opacity",0);
})
},
dropCallback:function(){
$('li.roundabout-in-focus').ready(function() {
$('li.roundabout-in-focus').addClass("image_hover");
$('.image_hover div').fadeTo("fast", 1);
$('.image_ div').css("opacity",0);
})
}
});
$('li.roundabout-in-focus').ready(function() {
$('li.roundabout-in-focus').addClass("image_hover");
$('.image_hover div').css("opacity",1);
});
});
$(function(){
var slider = $('#slider1').bxSlider({
speed:1200,
controls: false
});
$('.thumbs .team-bandeau').click(function(){
var thumbIndex = $('.thumbs .team-bandeau').index(this);
slider.goToSlide(thumbIndex);
$('.thumbs .team-bandeau').removeClass('pager-active select');
$(this).addClass('pager-active select');
return false;
});
$('.thumbs .team-bandeau:first').addClass('select');
});
});
Bonjour, je suis une jeune diplomée et je suis sur mon premier vrai boulot, en cdd de 3 mois, en train de créer un site internet pour la boite.
Il y a beaucoup de jquery, javascript ect. Et sur une de mes pages, qui est assez pénible, car beaucoup de code javascript, le code ne fonctionne pas sous chrome.
Il fonctionne bien sous IE et firefox.
Donc sous chrome les boutons : .next et .prev ne font rien.
Et pour le slider, pareil cliquer sur .team-bandeau ne fait que changer la class, mais le slide ne se fait pas.
Voici les scripts utilisés:
http://fredhq.com/projects/roundabout#/demos
et
http://bxslider.com/
Voici le script. (c'est un peu le bordel : x)
(Si quelqu'un arrive à décrypter et voir ce qui cloche dans ce que j'ai écris, car bon, étant totalement amatrice, je ne comprends pas ce qui ne va pas :x)
Merci beaucoup d'avance ! :)
[code]
$(document).ready(function() {
$("#loading").show();
$('ul.roundabout').ready(function(){
$("#loading").hide();
$('ul.roundabout').roundabout({
btnNext: ".next",
btnPrev : ".prev",
enableDrag: true,
duration: 1000,
responsive:true,
btnNextCallback:function(){
$('li.roundabout-in-focus').ready(function() {
$('li.roundabout-in-focus').addClass("image_hover");
$('.image_hover div').fadeTo("fast", 1);
$('.image_ div').css("opacity",0);
})
},
btnPrevCallback:function(){
$('li.roundabout-in-focus').ready(function() {
$('li.roundabout-in-focus').addClass("image_hover");
$('.image_hover div').fadeTo("fast", 1);
$('.image_ div').css("opacity",0);
})
},
clickToFocusCallback:function(){
$('li.roundabout-in-focus').ready(function() {
$('li.roundabout-in-focus').addClass("image_hover");
$('.image_hover div').fadeTo("fast", 1);
$('.image_ div').css("opacity",0);
})
},
dropCallback:function(){
$('li.roundabout-in-focus').ready(function() {
$('li.roundabout-in-focus').addClass("image_hover");
$('.image_hover div').fadeTo("fast", 1);
$('.image_ div').css("opacity",0);
})
}
});
$('li.roundabout-in-focus').ready(function() {
$('li.roundabout-in-focus').addClass("image_hover");
$('.image_hover div').css("opacity",1);
});
});
$(function(){
var slider = $('#slider1').bxSlider({
speed:1200,
controls: false
});
$('.thumbs .team-bandeau').click(function(){
var thumbIndex = $('.thumbs .team-bandeau').index(this);
slider.goToSlide(thumbIndex);
$('.thumbs .team-bandeau').removeClass('pager-active select');
$(this).addClass('pager-active select');
return false;
});
$('.thumbs .team-bandeau:first').addClass('select');
});
});[/code]