begin process at 2012 05 29 13:58:10
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

miniature au survol d'un texte

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

miniature au survol d'un texte

dimanche 10 juin 2007 à 18:32:21 | miniature au survol d'un texte

zut69
Bonjour,

j'ai un mot, en l'occurence le nom d'une image, et je voudrais que lorsque je passe au dessus de ce nom,  je vois apparaitre cette image-la redimensionnée.

Est-ce que quelqu'un saurait comment faire?

Merci d'avance,

FF
dimanche 10 juin 2007 à 20:21:24 | Re : miniature au survol d'un texte

Flachy Joe
Réponse acceptée !
<style type="text/css">
 #mini {
  visibility : hidden;
 }
#minishow:hover #mini {
  visibility : visible;
}
</style>
<div id="minishow">
 Du texte
 <img id="mini" src="machin" />
</div>

Pour que ça fonctionne avec IE6, il faut utiliser le fichier hover.htc
Et peut être aussi sous IE7 : j' ai pas testé.

Flachy Joe
Ta vie t'est prêtée, fais en un cadeau.
dimanche 10 juin 2007 à 21:43:29 | Re : miniature au survol d'un texte

yousfane
Réponse acceptée !
Salut

<script language="javascript">
function tailleImage(largeur,hauteur){
document.getElementById("image").style.width = largeur;
document.getElementById("image").style.height = hauteur
}
</script>
<div onmouseover="tailleImage(200,200)" onmouseout="tailleImage(80,80)">Ton texte</div>
<img id="image" style="width : 80;height : 80;" src="image.jpg">
lundi 11 juin 2007 à 17:02:35 | Re : miniature au survol d'un texte

zut69
merci beaucoup à tous les deux, je vais essayer tout ca et adapter à mes besoins.


Cette discussion est classée dans : texte, image, miniature, survol

Répondre à ce message

Sujets en rapport avec ce message

Texte au survol d'une image [ par Shagrath69 ] Bonjour à tous,pour le site que je suis en train de développer j'ai besoin d'un texte qui s'affiche au survol d'une image.Ne connaissant rien au JS, j miniature sur survol d'un lien [ par xzonz ] bonjour a toutes et tous voila ma question sur mon site j'ai un script php qui liste un répertoire d'images sous forme de liens. j'aimerais que qua afficher une image lors du survol de la souri sur une catre [ par tchuinbri ] Bonjour je veux réaliser un effet rollover avec un map.Je sais pas trop comment me prendre, en java script ou CSSJe rappelle que ma carte du monde est Plecement image propriété onmouseover [ par ShadWinZ ] Bonjours à vous , Déja , voici mon code :<h Texte apparition / disparition au survol d'un titre de rubrique (menu) [ par priet87 ] Bonjour, Au survol et/ou clic des rubriques de mon menu, je souhaiterai faire apparaitre dans une seule et même div le contenu (texte et peut être ph Image déplaçable, avec bouton et texte incruster dessus [ par angelblood ] Bonjour, Je suis novice en Javascript et je cherche a afficher une image déplacable (Devant la page) avec du texte et des bouton dessus (J'aimerais s Effet survol d'un lien avec affichage d'une image [ par apz ] Bonjour à tous, J'aimerais avoir le code qui produit l'affichage d'une image lors d'un survol de la souris sur un lien. J'ai cet exemple : http://l Modifier dynamiquement page HTML + annotations en Javascript [ par access2008 ] Bonjour à tous. Je veux developper un site qui a pour objectif l'annotation des documents pédagogiques ( des documents en HTML ) Donc quand un utili Afficher / cacher un div au survol d'une image [ par bradeux ] Bonjour à tous, J'ai trouvé sur ce forum un petit bout de code bien utile pour afficher / cacher des divs au survol d'une image. (http://forum.alsacr texte sur image [ par Filou07 ] Salut,J'ai mis un texte sur une image qui me sert de bouton avec un changement de couleur du bouton au passage de la souris. Ca marche mais le texte d


Nos sponsors


Sondage...

Comparez les prix


Motorola MILESTONE
Entre 489€ et 489€

Visiter le guide achat

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 : 4,571 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)