Fair comme CCM : image perso qui s'agrandi... Résolu

Question

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

cybernetik · Answer

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 !)

Dora The Explorer · Answer

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.

jjsteing · Answer

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 ;)

jjsteing · Answer

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() . "
"; //echo "
"; 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; } } }

keke21410 · Answer

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

jjsteing · Answer

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

keke21410 · Answer

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() . "
"; //echo "
"; 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 ?

jjsteing · Answer

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 ;)

keke21410 · Answer

jjsteing · Answer

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 ;)

keke21410 · Answer

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

jjsteing · Answer

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 ;)

keke21410 · Answer

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

keke21410 · Answer

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

jjsteing · Answer

ben non!! pas dans le body les funtion se mettent à la fin .. ex "; miniature(...); echo ""; funtion miniature(...){ } ?>

keke21410 · Answer

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 ?

jjsteing · Answer

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

keke21410 · Answer

Non je peux accéder aux sources, mais les balises Body n'apparaissent pas, mais je peux très bien demander au "chef" de faire une mise à jour pour qu"on puisse acéder après les balyse body et avant, et pouvoir modifier !
Donc après dès que je peux, je colle ce script à la suite des body !

Merci beaucoup, Kévin

jjsteing · Answer

ben t as acces a quoi si t a pas acces au body??? 

Apres, l emplacement où mettre la fonction dépend de la conception du site, et là j pourrais pas t aider.. mais parle en à ton 'chef' il saura où la mettre ;)

keke21410 · Answer

Merci beaucoup, en attendant une réponse favorable de sa part, je vais faire un effet light box, je n'optais pas pour cette option car il faut cliquer sur une image pour la faire apparaitre en grand, ça complique mais comme il faut que je fasse la page au plus vite, je vais le faire en attendant !

Merci beaucoup, kévin

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

23 réponses

Discussions similaires

Newsletters