Difference entre "l'aperçut" et ce qu'il m'affiche

  • Avatar de Inconnu
    sjspro92 · Membre ·

    Bonjour, j’ai créer un code html et quand je clique sur « aperçus » ( qui se trouve à cotés de l’html) tout est parfait mais lorsque je clique sur « mis à jour » et puis « aperçus ( qui se trouve à coté de « mise à jour ») cela me met le code que j’ai écrit. Pouvez -vous m’aider s’il vous plait? Merci

    voici mon code :
    <html>
    <head>
    <title>Display random images</title>
    <style>
    body {
    margin-top: 30px;
    }
    </style>
    </head>

    <script>
    function displayRandomImages()
    {
    //array of images with image location, height, and width
    var imageArray = [
    {
    //address URL of the image
    src: « https://wi.wallpapertip.com/wsimgs/15-155208_desktop-puppy-wallpaper-hd.jpg »,
    //size for the image to be display on webpage
    width: « 280 »,
    height: « 200 »
    },
    {
    src: « https://wi.wallpapertip.com/wsimgs/156-1564365_golden-retriever-puppy-desktop-wallpaper-desktop-wallpaper-puppy.jpg »,
    width: « 320 »,
    height: « 195 »
    },
    {
    src: « https://wi.wallpapertip.com/wsimgs/156-1564140_free-puppy-wallpapers-for-computer-wallpaper-cave-cute.jpg »,
    width: « 320 »,
    height: « 195 »
    },
    {
    src: « https://wi.wallpapertip.com/wsimgs/156-1566650_cute-puppies-desktop-wallpaper-cute-puppies.jpg »,
    width: « 350 »,
    height: « 250 »
    } ];

    //find the length of the array of images
    var arrayLength = imageArray.length;
    var newArray = [];
    for (var i = 0; i < arrayLength; i++) {
    newArray[i] = new Image();
    newArray[i].src = imageArray[i].src;
    newArray[i].width = imageArray[i].width;
    newArray[i].height = imageArray[i].height;
    }

    // create random image number
    function getRandomNum(min, max)
    {
    // generate and return a random number for the image to be displayed
    imgNo = Math.floor(Math.random() * (max – min + 1)) + min;
    return newArray[imgNo];
    }

    // 0 is first image and (preBuffer.length – 1) is last image of the array
    var newImage = getRandomNum(0, newArray.length – 1);

    // remove the previous images
    var images = document.getElementsByTagName(‘img’);
    var l = images.length;
    for (var p = 0; p < l; p++) {
    images[0].parentNode.removeChild(images[0]);
    }
    // display the new random image
    document.body.appendChild(newImage);
    }
    </script>

    <body>
    <div>
    <center>
    <h2 style= »color:green »> Random Image Generator </h2>
    <h4> Press the button to display and change the image </h4>
    <button onclick= »displayRandomImages(); »> Display Images </button>
    </center>
    </div>
    </body>
    </html>

    L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

  • Avatar de Inconnu
    cecilearkay · Membre ·

    Bonjour,

    Je vois que votre code contient, entre autre, des scripts qui ne sont pas utilisable sur la version gratuite de WordPress.com. C’est pour cela que ça ne fonctionne pas. Je vous laisse en apprendre plus sur ce qui possible (ou pas) avec la version gratuite de WordPress.com :

    https://wordpress.com/fr/support/code/

  • Avatar de Inconnu
    sjspro92 · Membre ·

    Savez-vous quelle extension puis-je installer pour exécuter mon programme?

  • Avatar de Inconnu
    cecilearkay · Membre ·

    Pour utiliser ce code sur notre plateforme, il vous faudra obligatoirement notre abonnement Pro :

    https://wordpress.com/fr/pricing/

    Ceci dit, de ce que je comprends de votre code, il semblerait que vous souhaitez afficher une galerie de photos. Dans ces cas, pourquoi ne pas utiliser notre bloc suivant ?

    https://wordpress.com/fr/support/editeur-wordpress/blocs/bloc-de-galerie/

  • Avatar de Inconnu
    sjspro92 · Membre ·

    je souhaite que quand je clique, elle m’affiche une image aléatoirement.

  • Avatar de Inconnu
    cecilearkay · Membre ·

    Bonjour,

    D’accord – dans ces cas là vous pouvez utiliser notre bloc de code court (aussi appelé « shortcode ») pour un diaporama aléatoire :

    [gallery ids="1,2,3,4,5" type="slideshow" orderby="rand" autostart="false"]

    Les identifiants des images dans mon exemple sont 1, 2, 3, 4 et 5. Ceux de vos images peuvent être récupérés en accédant à l’image depuis le tableau de bord WP Admin. Voici un exemple :

    Une fois que vous avez les identifiants de vos images, vous pouvez ajouter le code court comme ceci :

    Voici le résultat :

    Notez que vous pouvez changer l’argument autostart="false" en true pour que le diaporama passe en lecture automatique.

  • Avatar de Inconnu
    cecilearkay · Membre ·

    Aussi, un autre point important : comme dans mon exemple plus haut, insérez ce bloc dans un bloc « Groupe », cela vous permettra d’avoir la main sur l’alignement du diaporama (large, pleine largeur, etc. )

  • Avatar de Inconnu
    sjspro92 · Membre ·

    j’aimerais que ce soit comme un générateur, c’est à dire qu’il m’affiche aléatoire .

  • Avatar de Inconnu
    cecilearkay · Membre ·

    Bonjour,

    L’option orderby="rand" dans le shortcode vous permettra d’effectuer cela.

    Pour clarifier, voici ce que cela signifie :

    orderby = order by = trier par
    rand = random = aléatoire

  • Le sujet ‘Difference entre "l'aperçut" et ce qu'il m'affiche’ est fermé aux nouvelles réponses.