Fair comme CCM : image perso qui s'agrandi...

Résolu
keke21410 Messages postés 531 Statut Membre -  
keke21410 Messages postés 531 Statut Membre -
Bonjour,
J'ai cherché des script mais je n'ai pas trouvé !
je voudrait faire un peu comme comment ça marche :
pour l'image de profile, je voudrait que quand on passe la souris dessus, ça l'agrandi en suivant la souris, mais je ne sais pas comment faire ...

C'est pour ma galerie photos, ça me simplifierais la page !

Merci d'avance, Kévin

A voir également:

23 réponses

cybernetik Messages postés 5117 Statut Membre 680
 
demande au webmaster du site. C'est plus simple.

https://www.commentcamarche.net/contact/
0
keke21410 Messages postés 531 Statut Membre 40
 
à oui, en effet c'est une très bonne idée

Merci beaucoup !
0
keke21410 Messages postés 531 Statut Membre 40
 
à oui mais je mets dans quel section :

* Assistance technique
* Dossiers / Articles
* Inscription
* Forum
* Remerciements
* Signaler une erreur
* Partenariats

je pensais à Remerciements

mais c'est pas ça !
0
cybernetik Messages postés 5117 Statut Membre 680
 
C'est vrai que c'est dur de joindre le webmestre ici
à ta place, j'essayerai Remerciements ou Partenariats (si Remerciements ne donne rien... ils vont te répondre !)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dora The Explorer Messages postés 3447 Statut Contributeur 854
 
Je doute que ce soit la bonne solution.
Le Webmaster est Jeff et tu peux lui envoyer un MP via son profile. Cependant je doute qu'il aie le temps de tout t'expliquer lui-même. Et je ne sais pas s'il te répondrait / donnerait le code.

Tu peux toujours tenter ta chance je suppose. Sois clair et concis, et poli.

Sinon, espère qu'un membre du forum puisse t'aider.
0
jjsteing Messages postés 1803 Statut Contributeur 181
 
Bonsoir,

Alors.. perso, moi je fairais une miniature de l'image et je la positionnerais avec un evenement 'onmouseover' ou quelque chose de ce style ;)
0
jjsteing Messages postés 1803 Statut Contributeur 181
 
voici la fonction de mon site pour faire des miniature ;)

function miniature($file_url,$ImgDimension) {
//dossier
//MsgBox ($file_url);
$decoup=explode(basename($file_url),$file_url);
//MsgBox($decoup[0] . " - " . $decoup[1]);
$dossier_dest=$decoup[0]."/_Minis/".$ImgDimension."/";
$destination=$dossier_dest."/".basename($file_url);
if (is_file($destination)) {
return TRUE;
break;
}

//créer dossier
if (!file_exists($dossier_dest)) {
if (!file_exists($decoup[0]."/_Minis/"))
mkdir($decoup[0]."/_Minis/");
mkdir($dossier_dest);
}
//MsgBox($file_url);
//type

// echo memory_get_usage() . "<br>";
//echo "<br>";
flush();
list($width, $height, $type) = getimagesize($file_url);

if ($type==1) {
$img=imagecreatefromgif($file_url);
}

if ($type==2) {
$img=imagecreatefromjpeg($file_url);
}

if ($type==3) {
$img=imagecreatefrompng($file_url);
}
if (!$img){
return false;
}
else
{

if ($type==1) {
#header ("Content-type: image/gif");
}

if ($type==2) {
#header ("Content-type: image/jpeg");
}

if ($type==3) {
#header ("Content-type: image/png");
}


//calcul new dim
$proportions=$height/$width;

$new_height=0;
$new_width=0;
if ($width>=$height) {
$new_width=$ImgDimension;
$new_height=$new_width*$proportions;
}
else {
$new_height=$ImgDimension;
$new_width=$new_height/$proportions;
}

//MsgBox ($new_height);
//redimension img
$img2 = imagecreatetruecolor($new_width, $new_height);
imagecopyresampled($img2, $img, 0, 0, 0, 0, $new_width, $new_height, $width, $height);
switch ($type) {
case 1:
$img_ok=ImageGif ($img2,$destination);
if ($img_ok) {return TRUE;}
else {return FALSE;}
unset ($img);
unset ($img2);
break;
case 2:
$img_ok=ImageJPEG ($img2,$destination);
if ($img_ok) {return TRUE;}
else {return FALSE;}
unset ($img);
unset ($img2);
break;
case 3:
$img_ok=ImagePNG ($img2,$destination);
if ($img_ok) {return TRUE;}
else {return FALSE;}
unset ($img);
unset ($img2);
break;

}
}
}
0
keke21410 Messages postés 531 Statut Membre 40
 
Dora The Explorer

Oui je vais essayer, si le code de jjsteing ne fonctionne pas sur mon site

jjsteing

Mais ce code sert à faire une miniature et quand on passe la souris dessus une grande image ou que la minuature ?


EDIT :

j'ai vu function minuature et redimension img, donc ça fait la grande et petite image ?


PS : je suis comme ma signature débutant, j'ai 15 ans donc aucune étude là dedans, j'essaye de comprendre, des fois c'est bon, mais d'autre je ne comprends rien :

$file_url faut changer quelque chose ?

Merci beaucoup !
Mais encore besoin d'aide :s
0
jjsteing Messages postés 1803 Statut Contributeur 181
 
bonjour, :)

comme l indique le nom de la function (miniature) elle crée.. des miniature..

Comment l'appelé :
imaginons que l'on ai un image nommée dossier dans le repertoire Images/Icones du site:
et que nous voulons que la fonction cré une miniature de cette image avec une largeur de 35 pixels:
$ImgRep="Images/Icones/Dossier.png";

miniature(ImgRep,35)

voila, c'est tout.. une miniature de cette imgage à été créée dans Images/Icones/_Mini/Dossier.png

:)
0
keke21410 Messages postés 531 Statut Membre 40
 
Oui mais avant que je fasse une connerie ;)

Il faut modifier quoi ? (je pense : (en gras)

function miniature($file_url,$ImgDimension) {
//dossier
//MsgBox ($file_url);
$decoup=explode(basename($file_url),$file_url);
//MsgBox($decoup[0] . " - " . $decoup[1]);
$dossier_dest=$decoup[0]."/_Minis/".$ImgDimension."/";
$destination=$dossier_dest."/".basename($file_url);
if (is_file($destination)) {
return TRUE;
break;
}

//créer dossier
if (!file_exists($dossier_dest)) {
if (!file_exists($decoup[0]."/_Minis/"))
mkdir($decoup[0]."/_Minis/");
mkdir($dossier_dest);
}
//MsgBox($file_url);
//type

// echo memory_get_usage() . "<br>";
//echo "<br>";
flush();
list($width, $height, $type) = getimagesize($file_url);

if ($type==1) {
$img=imagecreatefromgif($file_url);
}

if ($type==2) {
$img=imagecreatefromjpeg($file_url);
}

if ($type==3) {
$img=imagecreatefrompng($file_url);
}
if (!$img){
return false;
}
else
{

if ($type==1) {
#header ("Content-type: image/gif");
}

if ($type==2) {
#header ("Content-type: image/jpeg");
}

if ($type==3) {
#header ("Content-type: image/png");
}


//calcul new dim
$proportions=$height/$width;

$new_height=0;
$new_width=0;
if ($width>=$height) {
$new_width=$ImgDimension;
$new_height=$new_width*$proportions;
}
else {
$new_height=$ImgDimension;
$new_width=$new_height/$proportions;
}

//MsgBox ($new_height);
//redimension img
$img2 = imagecreatetruecolor($new_width, $new_height);
imagecopyresampled($img2, $img, 0, 0, 0, 0, $new_width, $new_height, $width, $height);
switch ($type) {
case 1:
$img_ok=ImageGif ($img2,$destination);
if ($img_ok) {return TRUE;}
else {return FALSE;}
unset ($img);
unset ($img2);
break;
case 2:
$img_ok=ImageJPEG ($img2,$destination);
if ($img_ok) {return TRUE;}
else {return FALSE;}
unset ($img);
unset ($img2);
break;
case 3:
$img_ok=ImagePNG ($img2,$destination);
if ($img_ok) {return TRUE;}
else {return FALSE;}
unset ($img);
unset ($img2);
break;

}
}
}

Désoler mais je ne comprends rien :s Ce script sert bien à afficher une image miniature et au passage de la souris une grande image ???
Tous ce code, c'est pour une image ou pour plusieurs ?

Il faut que je les places où les URL des images ?
0
jjsteing Messages postés 1803 Statut Contributeur 181
 
y a rien a changer.. à la rigeur le rep où tu veux mettre la mini, c'est tout

C'est le principe d une function.. etre autonome ;)

ce que tu as mis en gras n'est surtout pas à changer.. ca sert à savoir quel type d'image tu envoie afin d'en faire la miniature.. car c'est pas les meme fonction suivant le type ;)
0
keke21410 Messages postés 531 Statut Membre 40
 
Oui mais alors, comment le script fait pour savoir où se trouve l'image :

Voilà un peu ce que je veux faire :

Image1mini | Img2mini |Img3min | Img4mini | Img5mini |Img6min | Image7mini | Img8mini |Img9min | ImG10mini | Img11mini |Img12min | Img13mini | Img14mini |Img15min | Image16mini | Img17mini|Img18min| Ima19mini | Img20mini |Img21min | Img22mini | Img23mini |Img24min | Image25mini | Img26mini|

eT AInsi de suite, mais en faite, je mets les image sur mon site, en taille normale, puis je mets le script dans les balises BODY ?

je ne comprends pas comment le placer ...

merci d'avance, Kévin.

0
jjsteing Messages postés 1803 Statut Contributeur 181
 
cf post N° 9 :

Comment l'appelé :
imaginons que l'on ai un image nommée dossier dans le repertoire Images/Icones du site:
et que nous voulons que la fonction cré une miniature de cette image avec une largeur de 35 pixels:
$ImgRep="Images/Icones/Dossier.png";

miniature($ImgRep,35)

dans ton cas fait une coucle sur la liste de tes fichiers ;)
0
keke21410 Messages postés 531 Statut Membre 40
 
Donc ça donnerait ça pour moi :
100 px de long

soit :

miniature($ImgRep,100)
Bon ça j'ai bien compris, mais je ne le trouve opas dans le script :

J'ai plus simple :

Je te donne quelques URL de mes images et tu les entres dans le script comme il faut, ensuite je devrais comprendre le fonctionnement :

Image 1 : http://kevin-oudot-kart-7.wifeo.com/images/Image-de-fond-index1.jpg
Image 2 : http://kevin-oudot-kart-7.wifeo.com/images/compte-rebours-img.gif
Image 3 : http://kevin-oudot-kart-7.wifeo.com/images/kart-fond-des-news-1.PNG

J'ai mis du pNG du GIF et dU JPG comme ça ya tout les formats.

Kévin
0
jjsteing Messages postés 1803 Statut Contributeur 181
 
bon, je vais te macher le travail .. une autre fonction que j'utilise :

function liste_photos($dossier) {
//msgbox ($dossier);
$handle = opendir($dossier);
//MsgBox($dossier);
while (false !== ($file = readdir($handle))) {
if ($file != "." && $file != ".." && $file != "_Minis") {
$file_url=("$dossier/$file");
//MsgBox ("$file");
if (is_file($file_url) and is_img($file_url)) {
$liste_photo[] = $file;
}
}
}

closedir($handle);

if (isset($liste_photo)){
sort($liste_photo);
return($liste_photo);
}else{
return FALSE;
}
}

$RepEnCours="images"
$liste_photo=liste_photos($RepEnCours);
while (isset($liste_photo[$a])){
miniature($liste_photo[$a],100);
}


Avec tout ca....tu devrais t'en sortir ;)
0
keke21410 Messages postés 531 Statut Membre 40
 
Ok là je crois avoir compris, je colle ce script SANS le modifier dans les balises <BODY> et </BODY> et je mets les images à la taille que je veux qu"elles soit affiché quand la souris passe dessus (donc 700 px) et voilà le travail, j'oublie rien ?
Kévin

PS : merci de me macher le travail car je suis perdu là :p
0
keke21410 Messages postés 531 Statut Membre 40
 
Oui mais quand je le colle dans les balises <BODY> ça ne marche pas !
ca mets ça :

function liste_photos($dossier) { //msgbox ($dossier); $handle = opendir($dossier); //MsgBox($dossier); while (false !== ($file = readdir($handle))) { if ($file != "." && $file != ".." && $file != "_Minis") { $file_url=("$dossier/$file"); //MsgBox ("$file"); if (is_file($file_url) and is_img($file_url)) { $liste_photo[] = $file; } } } closedir($handle); if (isset($liste_photo)){ sort($liste_photo); return($liste_photo); }else{ return FALSE; } } $RepEnCours="images" $liste_photo=liste_photos($RepEnCours); while (isset($liste_photo[$a])){ miniature($liste_photo[$a],100); }

ET rien d'autre ...
0
jjsteing Messages postés 1803 Statut Contributeur 181
 
ben non!! pas dans le body les funtion se mettent à la fin ..
ex

<?php

echo "<form><body>";
miniature(...);
echo "</body></form>";

funtion miniature(...){
}

?>
0
keke21410 Messages postés 531 Statut Membre 40
 
A mais le problème, je ne peux pas acceder à la fin des body (je suis chez un hebergeur de site qui créer des site un peu comme E-monsite,) mais je vais demander si il peut faire une mise à jour pour pouvoir accéder à la fin des body !
Alors ça se cloture !
mais une dernière chose, si ça se mets apr_s les body, les images qui auront cette effet, c'est toutes les images de la page ?
Donc ça donnerais ça :

URL de mon image widht"100" height"66"
</Body>
Ton code

C'est ça ?
0
jjsteing Messages postés 1803 Statut Contributeur 181
 
Alors la.. y a un truc que je pige pas.. t'as pas acces au sources et tu veux les modifier ???

la tu me parle en html et moi je te montre des fonction en php.. ca va pas le faire..

c'est AVEC le php que tu 'cré' le html de ton site...
0