Fonction Zoom

[Isabelle 0]

Bonjour, je viens a vous pour vous demander votre aide, en effet je n'arrive pas a déplacer le code php pour que la "fonction zoom" soit applicable a la catégories "produit_detail.php".

. En résumé j'aimerais pouvoir faire un zoom sur la premiere image de la page "achat/produit_details.php"

. Quelqu'un pourrait il m'éclairer ?

je remercie l'équipe de peel ainsi que tout ceux qui ecrivent ici pour leur aide précieuse.biz

[equi-monde 0]

Si pas de news de nos amis admin, j'essaierai de trouver ça pour ce week-end ;)

[Isabelle 0]

Si pas de news de nos amis admin, j'essaierai de trouver ça pour ce week-end ;)

C'est tres gentil de me repondre, en effet je n'arrive pas a adapter le code concernant la fonction zoom a une autre page que celles deja existantes

merci encore

[equi-monde 0]

Je n'ai pas eu le temps ce week-end ... demain sans faute ;)

[Isabelle 0]

Je n'ai pas eu le temps ce week-end ... demain sans faute ;)

J'ai essayé de mon coté d'assembler des bouts de code, je ne fais que me prendre la tete...sans succes..

[Gilles Boussin 0]

Bonjour Isabelle,

Sur une PEEL SHOPPING 5.0, dans modles/blog/produit_details.php, remplacez en L 31 :

<td class="fp_image_grande"><a href="'.$urlprod.'">' . (!empty($prod['image1']) ? "<img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image1'], $medium_width, $medium_height, $method = "fit") . "\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" />" : "<img src=\"$wwwroot/images/photo-non-disponible.gif\" alt=\"" . PHOTO_NOT_AVAILABLE_ALT . "\" style=\"border:0;\" />") . '</a></td>

par

<td class="fp_image_grande"><a href="' . $repertoire_upload . '/' . $prod['image2'] . '" rel"lightbox\" class=zoom">' . (!empty($prod['image1]) ? "<img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image1'], $medium_width, $medium_height, $method = "fit") . "\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" />" : "<img src=\"$wwwroot/images/photo-non-disponible.gif\" alt=\"" . PHOTO_NOT_AVAILABLE_ALT . "\" style=\"border:0;\" />") . '</a></td>

Et ça devrait le faire !

Navré pour le retard dans ma réponse.

Cordialement,

[Isabelle 0]

Bonjour Isabelle,

Sur une PEEL SHOPPING 5.0, dans modles/blog/produit_details.php, remplacez en L 31 :

<td class="fp_image_grande"><a href="'.$urlprod.'">' . (!empty($prod['image1']) ? "<img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image1'], $medium_width, $medium_height, $method = "fit") . "\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" />" : "<img src=\"$wwwroot/images/photo-non-disponible.gif\" alt=\"" . PHOTO_NOT_AVAILABLE_ALT . "\" style=\"border:0;\" />") . '</a></td>

par

<td class="fp_image_grande"><a href="' . $repertoire_upload . '/' . $prod['image2'] . '" rel"lightbox\" class=zoom">' . (!empty($prod['image1]) ? "<img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image1'], $medium_width, $medium_height, $method = "fit") . "\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" />" : "<img src=\"$wwwroot/images/photo-non-disponible.gif\" alt=\"" . PHOTO_NOT_AVAILABLE_ALT . "\" style=\"border:0;\" />") . '</a></td>

Et ça devrait le faire !

Navré pour le retard dans ma réponse.

Cordialement,

merci beaucoup pour cette aide precieuse..sans vous je n'aurais jamais pu reussir cette modification...cependant un petit oubli du signe égal bloque quelque peu le bon fonctionnement de votre modif..je le rajoute ci dessous pour ceux que cela pourrait intéresser. merci mille fois

<td class="fp_image_grande" width="260" rowspan="2"><a href="' . $repertoire_upload . '/' . $prod['image1'] . '" rel=lightbox" class="zoom">' . (!empty($prod['image1]) ? "<img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image1'], $medium_width, $medium_height, $method = "fit") . "\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" />" : "<img src=\"$wwwroot/images/photo-non-disponible.gif\" alt=\"" . PHOTO_NOT_AVAILABLE_ALT . "\" style=\"border:0;\" />") . '</a></td>

[Gilles Boussin 0]

Bonjour Isabelle,

Pas de quoi ;)

Et merci pour votre correctif, je n 'avais en effet pas testé ma proposition !

Cordialement,

[Isabelle 0]

bonjour, je me permets de vous demander comment je pourrais appliquer cette fonction aux 10 autres photos...merci d'avance

[Isabelle 0]

Bonjour et oOp's j'avais pas vu que le sujet avait été deja abordé....mais néanmoins le petit bout de code si dessous ne marche pas completement

un message d'erreur s'affiche "Notice: Undefined variable: image1 in /homepages/27/d287608537/htdocs/blog/modeles/blog/produit_details.php on line 59"

<td class="fp_image">';

$i=2;

while($i<=10){

if(!empty($prod['image'.$i])){

echo "<p><a class=\"zoom\" href=\"" . $repertoire_upload . "/" . $image1 . "\" rel=\"lightbox\"><img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image'.$i], $medium_width, $medium_height, $method = "fit") . "\" border=\"0\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\"></a></p>

";

}

$i++;

}

echo '

</td>

[Isabelle 0]

A force de bricolage..(il faudrait vraiment que j'apprene)... j'ai codé ceci et ça marche .......

<td class="fp_image">';

$i=2;

while($i<=10){

if(!empty($prod['image'.$i])){

echo "<p><a class=\"zoom\" href=\"" . $repertoire_upload . "/" . $prod['image'.$i] . "\" rel=\"lightbox\"><img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image'.$i], $medium_width, $medium_height, $method = "fit") . "\" border=\"0\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\"></a></p>

";

}

$i++;

}

echo '

</td>

[Isabelle 0]

Bonjour ..mais comment faire pour que les photos s'alignent horizontalement? par ligne de 5 photos par exemple.. (au lieu des 10.)et qu'elles occupent la largeur de l'espace si il n'y a que 3 photos par exemple..

(..?)

[macao45 0]

bonsoir

pour mettre 5 image au lieu de 10

while($i<=10){

remplacer le 10 par la valeur souhaité

bonne soirée

[Isabelle 0]

bonsoir

pour mettre 5 image au lieu de 10

remplacer le 10 par la valeur souhaité

bonne soirée

merci bien

[Isabelle 0]

Bonjour , je poste ce qui est un alignement horizontal de 5 photos avec zoom (c'est un peu amateur mais ça marche).

...si quelqu'un peut rendre cela plus propre....je l'en remercie d'avance

pour"produit_details.php"

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#ffffff" width="100%">

<tr>

<td class="fp_5_image" width="20%">

<p align="center">'; if(!empty($prod['image2'])){

echo "<p><a class=\"zoom\" href=\"" . $repertoire_upload . "/" . $prod['image2'] . "\" rel=\"lightbox\"><img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image2'], $medium_width, $medium_height, $method = "fit") . "\" border=\"10\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\"></a></p>

"; } echo '

</td>

<td class="fp_5_image" width="20%">

<p align="center">'; if(!empty($prod['image3'])){

echo "<p><a class=\"zoom\" href=\"" . $repertoire_upload . "/" . $prod['image3'] . "\" rel=\"lightbox\"><img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image3'], $medium_width, $medium_height, $method = "fit") . "\" border=\"10\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\"></a></p>

"; } echo '

</td>

<td class="fp_5_image" width="20%">

<p align="center">'; if(!empty($prod['image4'])){

echo "<p><a class=\"zoom\" href=\"" . $repertoire_upload . "/" . $prod['image4'] . "\" rel=\"lightbox\"><img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image4'], $medium_width, $medium_height, $method = "fit") . "\" border=\"10\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\"></a></p>

"; } echo '

</td>

<td class="fp_5_image" width="20%">

<p align="center">'; if(!empty($prod['image5'])){

echo "<p><a class=\"zoom\" href=\"" . $repertoire_upload . "/" . $prod['image5'] . "\" rel=\"lightbox\"><img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image5'], $medium_width, $medium_height, $method = "fit") . "\" border=\"10\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\"></a></p>

"; } echo '

</td>

<td class="fp_5_image" width="20%">

<p align="center">'; if(!empty($prod['image6'])){

echo "<p><a class=\"zoom\" href=\"" . $repertoire_upload . "/" . $prod['image6'] . "\" rel=\"lightbox\"><img src=\"$wwwroot/upload/thumbs/" . thumbs($prod['image6'], $medium_width, $medium_height, $method = "fit") . "\" border=\"10\" title=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\" alt=\"" . $prod['nom_' . $_SESSION['langue'] . ''] . "\"></a></p>

"; } echo '

</td>

</tr>

</table>

pour "screen.css"

td.fp_5_image {

width:130px; /*278*/

height:130px; /*278*/

font-weight:bold;

color:#99ff00;

font-size:1em;

text-align:center;

vertical-align:middle;

/*border:1px solid #aa0000;*/

}

td.fp_5_image img {

width:130px; /*260*/

}