PHP et images selon le stock

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 :ccool:

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/

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:

---

1 2 3

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

---

Code:

---

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.

+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.

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

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").

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

:ccool:

Après de bonnes vacances je me penche sur le sujet, je pars sur la solution de gmarsay.

- tu définis une div de la taille de l'image de ton produit ==> OK
- 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 ==> OK

Pour le deuxième point, comment mettre l'image du produit en background sachant que des produits j'en ai des dizaines ?

Mon code ressemble à ça pour le moment :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<?php // Si le produit n'est plus disponible, alors on affiche dans l'angle "épuisé" if ($qte > 0) { ?>   <img width="150px" height="150px" src="http://www.spartan-fight.com/Images/Produits/<?php echo $code.'_01.jpg'; ?>" alt="Photo de l'article <?php echo $code; ?>" />   <?php } else { ?>   <div class="epuise">   <img width="150px" height="150px" src="http://www.xxxxxxx.com/Images/test_image.png" alt="Photo de l'article <?php echo $code; ?>" />   </div>   <?php } ?>

---

Code:

---

1 2	.epuise { width:150px; height:150px; background-image:url('http://www.spartan-fight.com/Images/Produits/VENUM-0547_01.jpg') no-repeat;}

---

Merci d'avance

La solution de gmarsay ne convient pas dans ton cas , c'est l'inverse qu'il faut faire (ce que propose jreaux62).

une image avec ton produit et si nécessaire un div en position relative pour afficher l'overlay.

Je t'invite à t'orienter vers le forum html pour plus d'aide sur le sujet.

Citation:

---

Envoyé par jreaux62

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").

---

Merci grunk.

Salut jreaux62, pourrais tu m'en dire plus sur ta solution mise en place ?

Finalement je suis parti sur cette solution très simple : http://jsfiddle.net/LzXcW/

Merci à tous !