begin process at 2012 05 28 10:53:57
  Trouver un code source :
 
dans
 
Accueil > Forum > 

PHP

 > 

Base de données

 > 

MySQL

 > 

affichage d'une image lors d'un passage sur un lien


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

affichage d'une image lors d'un passage sur un lien

dimanche 11 avril 2010 à 20:15:05 | affichage d'une image lors d'un passage sur un lien

gabi1202

Voilà je suis occuper à essayer de faire un genre de petit catalogue en php

donc j'affiche mes images avec une pagination (2 image par page)

en dessous j'ai mes liens pour passé d'une page a l'autre.

j'aimerais que lorsque l'on passe la souris sur ces liens, l'image de la page s'affiche en petit mais je n'y arrive pas.

voici le code php

Code PHP :
<div id="catalogue"><!-- ouverture div catalogue-->

<?php
$messageparpage=2;
	$retour_total= mysql_query ("SELECT COUNT(*) AS total from pagecatalogue") or die (mysql_error()); 
	$donnees_total=mysql_fetch_assoc($retour_total);
	$total=$donnees_total['total'];
	$nombredepages=ceil($total/$messageparpage);
			
	if(isset($_GET['page']))
	{
		$pageactuelle=intval($_GET['page']);
				
		if($pageactuelle>$nombredepages)
		{
			$pageactuelle=$nombredepages;
		}
	}
	else
	{
	$pageactuelle=1;
	}
	$premiereentree=($pageactuelle-1)*$messageparpage;
			
	$retourmessage=mysql_query('SELECT * FROM pagecatalogue ORDER BY id ASC LIMIT '.$premiereentree.','.$messageparpage.'');
	while($img=mysql_fetch_assoc($retourmessage))
	
	{
	$images = $img['pageImages'];				
?>
<div class="image"><!--ouverture div image-->
		
		<img class="imageCata" width='425' src="<?php echo $img['pageImages']; ?>" alt='image' /> 
        
</div><!--fermeture div image-->    

<?php
	}
?>

<div id="numPage"><!-- ouverture div numPage-->
<center>
<table>
   <tr>
   <td class="photo">
<?php 

		echo '<p class="page" style="text-align: center;"> ';
		
		if($pageactuelle > 1){
		?>
					<a href="index.php?page=<?php echo $pageactuelle - 1; ?>" style="color:#ffb247;">&lt; Précédent</a>
		<?php
		}
		
		for($i=1; $i<=$nombredepages; $i++){

			if($i==$pageactuelle) {
			echo ' [ '.$i.' ] '; 
			}	
			else{
		?>
        	
			 <a href="index.php?page=<?php echo $i;?>" style="color:#7b7a7a;" ><?php echo $i;?><img src="<?php echo $images ?>" alt="image" /></a>
             
     
		<?php
            }
		}
		
		if($pageactuelle < $nombredepages){
		?>
			<a href="index.php?page=<?php echo $pageactuelle + 1; ?>" style="color:#ffb247;">Suivant &gt;</a>
		<?php
		}
		echo '</p>';

?>
	</td>
	</tr>
</table>
</center>

</div><!--fermeture div numPage-->

</div><!--fermeture div catalogue-->



ici le code css

Code css :
td.photo a img{
    border-width:1;
    width:125px;
    display:none;
}
 
td.photo a:hover img{
    position:absolute;
    display:block;
    
}


mon problème est que il m'affiche sous tout les liens l'image de la page en cours, alors que si je mets par ex ma souris sur page 10 il devrait m'afficher l'image de la page 10

j'espère que vous pourrez m'aider

Gabi
dimanche 11 avril 2010 à 23:35:20 | Re : affichage d'une image lors d'un passage sur un lien

uaip

Salut,
Tu peux cibler le problème dans le code stp, parce-qu'on ne sait pas trop quelle image est foireuse.
Il y a également plusieurs petites erreurs.


Cordialement, uaip.
lundi 12 avril 2010 à 00:52:04 | Re : affichage d'une image lors d'un passage sur un lien

gabi1202

Bonsoir uaip;

Les images proviennent de ma base de donnée, le prob que je n'arrive pas a résoudre est sur les liens de la pagination,

voici le lien de ma page catalogue http://www.lstcreation.be/catalogue/

tu comprendra peut etre mieux se que je veux expliquer.

tu as les liens 1-2-3-4-4-6-7 etc... quand tu passe ta souris sur le liens 6 par exemple, les image de la page 6 devraientt apparaitre comme un genre d'info bulle.

voila j'espère que tu comprendra mieux mon soucis et peut être pouvoir m'aider

Gabi
lundi 12 avril 2010 à 01:35:51 | Re : affichage d'une image lors d'un passage sur un lien

uaip

Héhé, oui ça j'ai compris.
Je parlais de cibler le problème dans le code. (il n'est pas commenté et il y a plusieurs balises img). Mais en regardant ton code source, j'ai trouvé.

C'est bien ce qu'il me semblait. Le problème vient au niveau de ta requète. On est d'accord que ta page contient finalement toutes les images (du moins une seu deux, en gros).
Par exemple, tu as 2 images par page, avec 5 pages.Donc ta page doit contenir les 2 images de la page courant + les premières images de chaque autre page.
Or, ta requète ne récupère que les 2 images de la page courante.
De plus, tu modifies $images à chaque itération de ton while, au début, donc après ce while, $image aura pour valeur l'image de la 2ème image, ce qui explique que tous tes liens affichent cette 2ème image.

Supprime le LIMIT de ta requète (pour récupérer toutes les images), remplace ton 1er while par un truc du genre :
Code PHP :
<?php for($a=0;$a < $messageparpage;$a++) ... ?>

Puis, pour tes liens, fais avant une 2ème boucle du genre :
Code PHP :
<?php
unset($data);
for($a=0;$img=mysql_fetch_assoc($retourmessage);$a+=2) $data[]=$img["pageImages"];

et pour chaque lien :
Code PHP :
<img src="<?php echo $data[$i]; ?>" alt="image" />


Un truc dans le genre devrait marcher.


Cordialement, uaip.
lundi 12 avril 2010 à 09:23:48 | Re : affichage d'une image lors d'un passage sur un lien

gabi1202

Merci a toi, je vais regarder cela se soir en rentrant à la maison, et te tiendrai au courant :)

Gabi
mardi 13 avril 2010 à 18:36:29 | Re : affichage d'une image lors d'un passage sur un lien

gabi1202

Bonsoir,

dsl de répondre si tard.

Voila j'ai essayer de faire comme tu as dis mais pas moyen je n'y arrive pas :(

Merci a toi quand même d'avoir essayer de m'aider c'est sympa de ta part :)

Gabi.


Cette discussion est classée dans : page, code, image, img, pageactuelle


Répondre à ce message

Sujets en rapport avec ce message

Peu commun select + transmission de variables [ par bladbud ] Bonjour,Voilà je vous mets de screen si jamais je n'explique mal ici ma premiere page :les boutons "+ " servent aux zones de liste et derrière chaque Help me [ par YuGiOhFlash ] [size=3] Help je cherche un code:Explication G une page index ou il fo ecrir un code pour voir des images.une page calculetrice pour mettre les images Formulaire, Le code pour envoyer une image dans une page web [ par mgced ] Salut, Je suis assez mauvais en codage, je suis pas douer.J aimerais savoir le code pour avoir le choix dans un fomulaire entre 4/5 image. exemple ima A propos des images GD [ par ckhalilo ] j'ai un problème d'integration des image dans un formulaire, pour eviter l'envoie automatique dans mon formulaire bref mon problème est le suivant qu image redim [ par michmichman ] Bon voila j'ais pris sur ce site un petit code pour redimennsioner une image alors j'arrive très bien a afficher l'image comme je le souhaite avec les Problème d'affiche d'images dans un tableau [ par Moritus ] Bonjour, Je ne sais pas si c'est un problème php ou html mais vu que mon script est en php je me risque voila.. mon code détermine le chemin d'une im code [ par tity3 ] bonjour!qui pourrait m'aider ??j'ai un site, et j'aimerais avoir  qlq'un ki m'aide: j'ia deux images et quand on clique sur un lien (image) s'ouvre un DIAPORAMA ALÉATOIRE AVEC TIMER [ par seufseuf ] Bonjour à tous, Je viens de terminer mon site en php (www.sophiedemay.com) et il y a beaucoup de connaissances qui me manquent encore. Je cherche à f Problème avec la fonction preg_replace [ par Sub_Mat ] Bonjour à tous, [b]Voici mon problème :[/b] Je récupère de ma base de donnée une donnée commentaire. Dans ce commentaire, il y a des images qui sont un liens image qui change l'include de la page [ par hadesD ] Bonjours, je souhaite faire plusieurs liens image qui change l'include de ma page principale(le corps de ma page pour être preci),je essaye plusieurs


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 6,334 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales