Merci de votre retour.
Ce n'est pas toujours le cas.
Je me demande s'il n'y aurait un conflit entre les différents scripts
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="../js/responsiveslides.min.js"></script>
<script src="../js/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript">
function redimensionnement(){
var $image = $('.rslides img');
var image_width = $image.width();
var image_height = $image.height();
var over = image_width / image_height;
var under = image_height / image_width;
var body_width = $(window).width();
var body_height = $(window).height();
if (body_width / body_height >= over) {
$image.css({
'width': body_width + 'px',
'height': Math.ceil(under * body_width) + 'px',
'left': '0px',
'top': Math.abs((under * body_width) - body_height) / -2 + 'px'
});
}
else {
$image.css({
'width': Math.ceil(over * body_height) + 'px',
'height': body_height + 'px',
'top': '0px',
'left': Math.abs((over * body_height) - body_width) / -2 + 'px'
});
}
}
$(document).ready(function(){
// Au chargement initial
redimensionnement();
// En cas de redimensionnement de la fenêtre
$(window).resize(function(){
redimensionnement();
});
});
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider1").responsiveSlides({
maxwidth: 800,
speed: 800
});
// Slideshow 2
$("#slider2").responsiveSlides({
auto: false,
pager: true,
speed: 300,
maxwidth: 540
});
// Slideshow 3
$("#slider3").responsiveSlides({
manualControls: '#slider3-pager',
});
// Slideshow 4
$("#slider4").responsiveSlides({
auto: false,
pager: false,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
$(document).ready( function () {
// On cache les sous-menus :
$(".navigation li.toggleSubMenu span").each( function () {
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="">' + TexteSpan + '<\/a>') ;} ) ;
// On modifie l'évènement "click" sur les liens dans les items de liste
// qui portent la classe "toggleSubMenu" :
$(".navigation li.toggleSubMenu > a").click( function () {
// Si le sous-menu était déjà ouvert, on le referme :
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
{
$(".navigation ul.subMenu").slideUp("normal");
$(this).next("ul.subMenu").slideDown("normal");
}
// On empêche le navigateur de suivre le lien :
return false; } ) ;
} ) ;
$(document).ready( function () {
// On cache les sous-menus :
$(".navigation li.toggleSubMenu1 span").each( function () {
var TexteSpan = $(this).text();
$(this).replaceWith('<a href="" title="">' + TexteSpan + '<\/a>') ;} ) ;
// On modifie l'évènement "click" sur les liens dans les items de liste
// qui portent la classe "toggleSubMenu1" :
$(".navigation li.toggleSubMenu1 > a").click( function () {
// Si le sous-menu était déjà ouvert, on le referme :
if ($(this).next("ul.subMenu1:visible").length != 0) {
$(this).next("ul.subMenu1").slideUp("normal");
}
// Si le sous-menu est caché, on ferme les autres et on l'affiche :
else {
$(".navigation ul.subMenu1").slideUp("normal");
$(this).next("ul.subMenu1").slideDown("normal");
}
// On empêche le navigateur de suivre le lien :
return false; } ) ;
} ) ;
$(document).ready (function () {
$("#barre").mCustomScrollbar({ // on choisit la div "barre"
axis:"x", // barre horizontale
horizontalScroll:true,
theme:"rounded-dots-dark", // thème pour la barre, personnalisable
set_height:"120px", // on fixe la hauteur
set_width:"800px", // et la largeur
scrollButtons:{
enable: true // on choisit d'afficher les flèches haut et bas
}
});
});
$(document).ready (function () {
$("#barre2").mCustomScrollbar({ // on choisit la div "barre2"
axis:"x", // barre horizontale
horizontalScroll:true,
theme:"rounded-dots-dark", // thème pour la barre, personnalisable
set_height:"80px", // on fixe la hauteur
set_width:"300px", // et la largeur
scrollButtons:{
enable: true // on choisit d'afficher les flèches haut et bas
}
});
});
</script>
Que pensez-vous ?
