IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Augmenter l'affichage de mon portfolio


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Graphiste
    Inscrit en
    Octobre 2020
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : Graphiste

    Informations forums :
    Inscription : Octobre 2020
    Messages : 2
    Par défaut Augmenter l'affichage de mon portfolio
    Bonjour à tous,

    Je m'excuse d'avance de venir poser ma question ici. J'espère être au bon endroit, malheureusement me voilà dos au mur.

    Mon développeur ne me donne plus aucune nouvelle depuis plusieurs mois, et j'ai un gros souci sur mon portfolio : il reste bloqué à l'affichage de 10 projets. Évidemment maintenant je veux en montrer plus !

    Je connais un peu le code et je sais fouiller en FTP mais impossible de trouver les lignes JS correspondant à cette valeur pour l'augmenter...

    Si quelqu'un peut m'aider voici le site en question : https://www.greg-barek.fr/home/

    Merci d'avance,
    Cordialement.

  2. #2
    Membre Expert
    Avatar de Doksuri
    Profil pro
    Développeur Web
    Inscrit en
    Juin 2006
    Messages
    2 495
    Détails du profil
    Informations personnelles :
    Âge : 55
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 495
    Par défaut
    bonjour,

    en regardant le code de la page, ca semble etre du wordpress (CMS)
    du coup, je dirait qu'il te faut l'acces a la console d'administration wordpress de ton site, et ajouter des articles depuis cette page d'administration
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  3. #3
    Nouveau candidat au Club
    Homme Profil pro
    Graphiste
    Inscrit en
    Octobre 2020
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : Graphiste

    Informations forums :
    Inscription : Octobre 2020
    Messages : 2
    Par défaut
    Bonjour,

    Merci pour votre réponse, j'ai accès à mon Wordpress et j'ajoute sans difficultés mes projets. Cependant ils ne s'affichent pas, je pense que la grille JS est conçu pour en afficher uniquement 10. Car je ne peux pas dépasser ce chiffre ! Je précise qu'il n'y a aucun plugin pour afficher le portfolio, uniquement ce code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
     
     
    (function( $ ){
     
        const grid = {
            breakpoint: 768,
            gridWrapper: $('.gallery__wrapper'),
            gridItem: $('.gallery__item'),
            resize: false,
            isResponsive () {
                return $(window).width() <=  this.breakpoint;
            },
     
            onResize () {
                var self = this;
                $(window).resize(function() {
                    if (self.resize) {
                        clearTimeout(self.resize);
                    }
                    self.resize = setTimeout(function() {
                        self.heightGrid();
                        self.resize = false;
                    }, 200);
                });
            },
     
            heightGrid () {
                var self = this; 
                self.gridItem.each(function(){
                    var width = $(self).width();
                    $(self).css('height', width);
                });
            },
     
            isotope () {
                var $grid = $('.gallery__wrapper');
     
                $grid.isotope({
                    // options
                    filter: '*',
                    itemSelector: '.gallery__item-link',
                    layoutMode: 'fitRows'
                });
     
                // filter .graphisme items
                $grid.isotope({ filter: '.graphisme' });
     
                // filter .illustrations items
                $grid.isotope({ filter: '.illustrations' });
     
                // filter .labo items
                $grid.isotope({ filter: '.labo' });
     
                // show all items
                $grid.isotope({ filter: '*' });
     
                $('body').on('click', '.header-wrapper__nav button, .header-wrapper__nav-overlay button', function(){
                    setTimeout(() => {
                        $('body').removeClass('active');
                    }, 250);
                    $(this).parents('ul').find('li').removeClass('current');
                    $(this).parent().addClass('current'); 
                    var selector = $(this).attr('data-filter');
                    $grid.isotope({
                        filter: selector,
                        animationOptions: {
                            duration: 750,
                            easing: 'linear',
                            queue: false
                        }
                     });
                     return false;
                }); 
     
            },
     
            addEvents () {
                this.heightGrid();
                this.onResize();
                this.isotope();
            },    
     
            init () {
               this.addEvents();
            }
        }; 
     
        $(document).ready(function(){
            grid.init();
        });
     
        module.exports = grid;
    })( jQuery );

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 210
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 210
    Par défaut
    Bonjour et bienvenue sur DVP.

    Avec le plugin Isotope, normalement il suffit de rajouter tes nouvels éléments dans ton wrapper <div class="gallery__wrapper">, le script les récupérera automatiquement.

Discussions similaires

  1. Problème d'affichage avec mon BBCode
    Par magic33 dans le forum Langage
    Réponses: 4
    Dernier message: 01/05/2006, 16h30
  2. Probleme d'affichage de mon message
    Par zorba49 dans le forum ASP
    Réponses: 2
    Dernier message: 14/03/2006, 11h10
  3. [CSS] Probleme avec l'affichage de mon site :
    Par vampyrx dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 28/08/2005, 23h23
  4. Probleme affichage de mon site
    Par Braq dans le forum Webdesign & Ergonomie
    Réponses: 15
    Dernier message: 10/08/2005, 14h08
  5. Affichage de mon site en fonction de l'écran
    Par mobeida dans le forum Webdesign & Ergonomie
    Réponses: 1
    Dernier message: 07/08/2005, 18h08

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo