La transformation et le filtrage des images entraînent une superposition

J'ai trouvé un code qui augmente la taille de l'image lorsque vous la survolez et l'image survolée n'est pas recadrée par d'autres images : tutorielsrepublic.com Mais quand j'entre également ce code : img{transition:filter.5sease-in -out ;-webkit-filter:grayscale(100%);filter:grayscale(100%);}img:ho...

P粉276876663 2023-09-15 20:58:43 0  1  1042

Le rapport hauteur/largeur de l'image dans l'image

J'ai une image avec un titre comme celui-ci : Titre J'ai aussi img{max-width:100%} en CSS. Je souhaite définir simultanément la largeur et la hauteur d'une image et conserver son rapport hauteur/largeur lorsque la largeur diminue en dessous de sa valeur définie. J'ai donc essayé un code comme celui-...

P粉557957970 2023-08-17 20:24:04 0  1  514

Les points de début et de fin de l'image

J'essaie de définir les points de début et de fin d'une image. J'ai donc ma toile et une image, lorsque je mets l'image dans la toile, je veux qu'elle allume un petit cercle rouge lorsque je survole les points de début/fin, ce qui signifie que je peux créer avec d'autres images connectées. Par exemp...

P粉511757848 2023-08-31 12:24:51 0  1  598

DomPDF : l'image est illisible ou vide

Pour une raison quelconque, DomPDF ne restitue pas les images contenues dans le code HTML analysé : cependant, lorsque l'image est renvoyée au format HTML, l'image est rendue sur la page : j'ai examiné ces questions et je me suis assuré que DOMPDF_ENABLE_REMOTE est défini sur true et vérifié. Autori...

P粉743288436 2023-08-29 14:06:26 0  2  581

Conservez l'image de superposition dans les limites de l'image - limitez-la pour qu'elle ne colle qu'à l'image.

J'essaie de mettre une superposition sur une image, mais cette superposition s'étend à la barre de menu supérieure et je ne sais pas comment la coller simplement sur l'image. J'ai essayé différentes manières de redimensionner l'image et de modifier la position, mais elle s'étend toujours sur la barr...

P粉838563523 2023-09-20 22:57:13 0  1  660

L'image ne se charge pas dans la page

Je souhaite charger des images coulissantes dans une application Web et pour cela j'utilise le carrousel Bootstrap. Obtenez des photos de l'arrière-plan. Les images sont stockées dans l'état d'image. Vous trouverez ci-dessous le format JSON pour obtenir les données. images :[{SNO:'1',NAME:'image.jpg...

P粉238433862 2023-09-09 20:59:03 0  1  629

Comment puis-je réserver de l'espace pour une image de taille variable avant son chargement afin d'éviter les modifications de mise en page ?

J'ai une page HTML qui contient du texte, une balise d'image et du texte comme celui-ci : C'est le texte avant l'image. <imgsrc="image.jpeg"/>C'est le texte après l'image. Désormais, lorsque la page se charge, le texte se charge avant les images, car celles-ci mettent plus de temps à...

P粉936509635 2023-08-28 00:04:44 0  1  637

Aligner et mettre à l'échelle les images

J'ai besoin d'aide avec ce code sur mon site W3Schools, je souhaite conserver tous les éléments au centre de la page. Cependant, lorsque je centre, l'objectif de la fonction cible l'ancienne position de l'image. https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_image_zoom J'ai changé le c...

P粉015402013 2024-03-22 11:26:07 0  1  351

Afficher des images similaires dans le répertoire après comparaison avec l'entrée d'image en php

Dans ma page Web, l'utilisateur téléchargera une image, puis, une fois soumise, elle devra être comparée à toutes les images du répertoire et des images similaires doivent être générées. J'ai fait cela avec md5 mais il ne génère que l'image exacte, je connais la raison mais je ne sais pas comment bo...

P粉245003607 2024-01-29 14:38:39 0  1  577

La taille de l'image dépasse la limite du conteneur

J'ai publié la capture d'écran suivante montrant une image dépassant les limites de son conteneur, tandis que les autres images sont correctement empilées. Je n'ai encore rien fait en CSS. enterimagedescriptionici, j'ai spécifiquement essayé d'utiliser max-width pour cette image particulière, mais u...

P粉083785014 2023-08-14 20:13:56 0  1  586

Comment changer l'image dans le compte à rebours

J'essaie de faire en sorte que ce compte à rebours affiche une image des chiffres dans le temps restant. j'y suis arrivé. J'essaie de lui faire mettre ces chiffres sur une image. J'ai enfin réussi. Maintenant, j'essaie de faire en sorte que les chiffres cessent de s'afficher et de les projeter sur u...

P粉668113768 2023-08-17 18:43:07 0  1  560

Disposez les images dans une disposition 2x1x2x1x2

Je souhaite aligner les images dans un format de grille 2x1x2x1x2 comme indiqué sur l'image, mais les images se répètent et je n'arrive pas à comprendre comment les obtenir comme ça. Je ne connais pas très bien le fonctionnement des grilles et je n'arrive pas à le comprendre. Je les ai rendus flexib...

P粉788765679 2024-03-22 09:20:14 0  1  382

L'image à l'intérieur du div a un espace supplémentaire sous l'image

Pourquoi la hauteur du div dans le code ci-dessous est-elle supérieure à la hauteur de l'img ? Il y a un espace sous l'image, mais il ne semble pas s'agir d'un remplissage/marge. Quel est l'espace libre ou supplémentaire sous l'image ? #wrapper{border:1pxsolidred;width:200px;}img{width:200px;}<di...

P粉523335026 2023-08-29 12:46:39 0  2  558

Impossible de créer une zone de grille réactive à l'aide de l'image SVG

Lorsque j'essaie de créer une zone de grille réactive contenant une image svg, je rencontre un comportement étrange, tel que des largeurs de zone de grille arbitraires, et je ne parviens pas à faire agrandir ou réduire l'image jusqu'à un certain point sans m'arrêter. Le plus proche que j'ai obtenu é...

P粉022140576 2023-08-30 19:15:16 0  1  581

Vous souhaitez modifier plusieurs images en cliquant sur les images dans un modal

J'utilise gsap.js pour le popup/modal. J'utilise forEach pour que peu importe le nombre de pièces identiques que j'ajoute à ce site Web, cela fonctionnera correctement. Mon seul objectif est de faire en sorte que cela fonctionne parfaitement maintenant, d'une manière ou d'une autre. Chaque fois que ...

P粉269530053 2024-01-29 09:35:00 0  1  424

Créer une grille d'images à l'aide de React Native

J'aimerais de l'aide pour créer une grille d'images dans ReactNative. J'essaie de créer une grille d'images en utilisant des données mappées dans un tableau. La partie mappage fonctionne bien, mais les images ne sont pas placées comme je le souhaite. Voici ce que je recherche (là où l'image est plac...

P粉115840076 2024-02-21 10:40:48 0  2  374

Image Laravel introuvable dans le public/stockage

J'essaie d'accéder aux images de mon projet. J'ai exécuté le lien de stockage phpartisan Laravel create public/storage et lorsque je télécharge une image sur le stockage/l'application, je vois l'image dans le stockage/l'application mais pas dans le public/stockage. Lorsque j'essaie d'afficher l'imag...

P粉043566314 2023-08-26 20:51:28 0  1  624

Interpréter les coordonnées d'image soumises pour les éléments d'image animée dans un formulaire

Je souhaite capturer les valeurs X:Y indiquant où l'utilisateur a cliqué sur une image animée en vérifiant le tableau php$_POST. Le problème est que même si je peux obtenir les informations de soumission d'entrée sur l'image statique, je n'arrive pas à obtenir de valeurs de l'image animée. Voici la ...

P粉421119778 2024-02-26 22:34:14 0  1  680

Changer l'icône de l'image lorsque l'onglet actif change

Actuellement, j'ai un onglet en V qui comporte quatre onglets avec des icônes d'image et du texte. Cependant, lorsque l'onglet est actif, l'icône de l'onglet actif doit se transformer en une autre image. Que dois-je faire? <v-tabsv-model="tabs"class="tabs-menu"><v-tabv-f...

P粉448130258 2023-08-29 18:55:29 0  1  639

Comment superposer une image avec du texte avec un arrière-plan arrondi

J'ai besoin de reproduire en HTML ce que vous voyez dans cette image : Le problème est que le texte couvre le div et l'image d'arrière-plan. S'il n'y avait pas d'image dans le div externe ni de couleur unie, j'imagine que je pourrais le faire assez facilement avec quelques petits éléments HTML aux c...

P粉328911308 2023-08-30 15:20:14 0  1  516