Discussion :

[lebanner82]

Salut,

J'aurai besoin d'avoir vos avis pour gérer quelque chose sur mon site qui est lié aux images.

Il s'agit d'un site de vente en ligne, pour mes articles j'ai donc une image, j’aimerais que :

- si la quantité est > 0 alors j'affiche l'image de mon article normalement
- si la quantité est < 0 alors j'affiche l'image de mon article normalement mais par dessus il faudrait qu'il y ai comme un deuxième calque avec écrit dans un coin "épuisé"

Comment faire cela automatiquement, sans faire toutes mes images en double ?

Merci d'avance

[A&Nexus]

Et tu ne pourrais pas mettre épuisé dans une image spéciale ou on ne voit pas l'article.
Comme ça tu peux réutiliser cette image épuisée pour tous tes articles.

Sinon c'est possible pour le calque.
tu trouveras un exemple et une démonstration sur la page d'accueil :
http://phpimageworkshop.com/

[gmarsay]

C'est avec du HTML et du CSS que tu vas pouvoir faire ce genre de chose.
Une solution possible :
- tu définis une div de la taille de l'image de ton produit
- tu places l'image du produit en background de cette div
- si le produit n'est plus disponible en stock tu ajoutes une image dans la div

Le code pourrait ressembler à ça :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="produit">
  <img src="produit_epuise.png" /> <!-- Si le produit n'est plus disponible -->
</div>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.produit {
  background-image: url('image_du_produit.jpg') no-repeat;
}

L'image "produit_epuise.png" doit avoir un fond transparent et un texte "épuisé" dans un coin par exemple.

[comode]

+1 à la solution de gmarsay qui permet de faire simplement des filigranes (c'est celle que j'utiliserai perso).

Après, puisqu'on est sur un forum PHP, il existe aussi une solution en PHP en passant par la lib gd, mais cette solution est lourde en consommation de ressource puisqu'elle fait appel à du traitement d'image coté serveur.

Donc si la 1er solution te suffit, super, pas besoin de se lancer dans les explications. Si elle suffit pas, dis nous et on développera un l'option gd.

[A&Nexus]

Salut,
C'est exactement ce que permet mon lien.
Une classe qui s'appuie sur GD.

[Invité]

Bonjour,
si je puis me permettre... voici une SOLUTION SIMPLE :
-> mettre PAR-DESSUS l'image du produit une image (png) en position absolute.

-> un exemple ICI (avec "A Vendre" ou "Vendu").

[lebanner82]

Merci beaucoup pour vos réponses, je vais tenter la solution HTML + CSS.