Imposition 2-up

De Design numérique
Révision datée du 16 décembre 2022 à 14:40 par Svilayphiou (discussion | contributions) (Page créée avec « container = document.getElementsByClassName("pagedjs_pages")[0]; container.style.display = "flex"; <syntaxhighlight lang="javascript"> // on enlève la marge de gauche d... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à : navigation, rechercher

container = document.getElementsByClassName("pagedjs_pages")[0]; container.style.display = "flex";


// on enlève la marge de gauche de la première page
firstpage = document.getElementsByClassName("pagedjs_first_page")[0];
firstpage.style.marginLeft = 0;

// on met le div pagedjs_page en "display:flex" pour pouvoir changer l'ordre des pages
pages = [].slice.call(document.getElementsByClassName("pagedjs_page"));
nb_pages = pages.length;

new_pages = []

// on enregistre dans un nouvel Array à chaque fois la première page, la dernière page, et on les enlève de la première liste de pages.
for(p = 0; p < nb_pages; p++){
    new_pages.push(pages[0]);
    pages.shift();
    new_pages.push(pages[pages.length - 1]);
    pages.pop();

}

// On applique en CSS l'ordre des pages de la nouvelle liste de pages
for (p=0; p < new_pages.length; p++) {
    new_pages[p].style.order = p;
}