begin process at 2012 05 29 17:34:25
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

redimensionner une miniature sur un onmouseover


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

redimensionner une miniature sur un onmouseover

vendredi 6 août 2010 à 20:35:22 | redimensionner une miniature sur un onmouseover

xzonz

bonsoir tout le monde

quand on passe la souris sur les liens ca affiche l'image qui apparait en taille réelle

j'aimerais juste qu'elle apparaisse en petite vignette sans avoir a générer un dossier avec les vignettes

Merci d'avance de votre aide


voila le code
______________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<div id="bulle" style="position: absolute;"></div>
<script>
decal_x = 25;
decal_y = -15;
document.onmousemove = suivre_souris0;
var contenu
function pop0(contenu)
{
document.getElementById("bulle").innerHTML = "<table border='1'bordercolor='red'style='background-color: #000000;'cellpadding='6' cellspacing='0'><tr><td>"+contenu+"</td></tr></table>";
}
function suivre_souris0(e)
{
if (navigator.appName=="Microsoft Internet Explorer")
{
var x = event.x + document.body.scrollLeft; var y = event.y + document.body.scrollTop;
}
else
{
var x = e.pageX;var y = e.pageY;
}
document.getElementById("bulle").style.left = x + decal_x; document.getElementById("bulle").style.top = y + decal_y;
}
function disparaitre0()
{
document.getElementById("bulle").innerHTML = '';
}
</script>


<a href="http://www******.jpg"onMouseOver="pop0('<img src=\'http://www.***.jpg\' />')" onMouseOut="disparaitre0()">***</a><br>
<a href="http://www******.jpg"onMouseOver="pop0('<img src=\'http://www.***.jpg\' />')" onMouseOut="disparaitre0()">***</a><br>
<a href="http://www.***.jpg"onMouseOver="pop0('<img src=\'http://www.**.jpg\' />')" onMouseOut="disparaitre0()">***</a><br>
<a href="http://***.jpg"onMouseOver="pop0('<img src=\'http://www.***.jpg\' />')" onMouseOut="disparaitre0()">***</a><br>
<a href="http://www.***.jpg"onMouseOver="pop0('<img src=\'http://www.***.jpg\' />')" onMouseOut="disparaitre0()">***</a><br>
<a href="http://www.***.jpg"onMouseOver="pop0('<img src=\'http://www.***.jpg\' />')" onMouseOut="disparaitre0()">***</a><br>
</body>
</html>
vendredi 6 août 2010 à 21:42:51 | Re : redimensionner une miniature sur un onmouseover

kazma

Administrateur CodeS-SourceS
defini une hauteur ou largeur a l'image


<a href="http://www******.jpg"onMouseOver="pop0('<img src=\'http://www.***.jpg\' style='height20px' />')" onMouseOut="disparaitre0()">***</a><br>


a faire sur toutes les lignes
vendredi 6 août 2010 à 21:44:29 | Re : redimensionner une miniature sur un onmouseover

kazma

Administrateur CodeS-SourceS

petit oublie

<a href="http://www******.jpg"onMouseOver="pop0('<img src=\'http://www.***.jpg\' style='height:20px' />')" onMouseOut="disparaitre0()">***</a><br>
samedi 7 août 2010 à 11:39:38 | Re : redimensionner une miniature sur un onmouseover

xzonz

salut Kazma

merci pour ton aide je vais tester

mais est ce qu'il n'est pas possible d'inclure cela dans une fonction qui redimensionnera l'image de 70% en gardant les proportions de cette dernière
en rajoutant le bout de code (que je ne connais pas) dans la fonction pop0
que voici.

function pop0(contenu)
{
document.getElementById("bulle").innerHTML = "<table border='1'bordercolor='red'style='background-color: #000000;'cellpadding='6' cellspacing='0'><tr><td>"+contenu+"</td></tr></table>";
}

Merci


Cette discussion est classée dans : var, document, onmouseout, decal, disparaitre0


Répondre à ce message

Sujets en rapport avec ce message

redimensionner une image [ par xzonz ] bonjour a toutes et tous [^^clinoeil1] voila ma question: j'ai une page toute simple (pour le moment) sur laquelle il y a des liens pointant vers de Effet souris [ par jfroger ] Bonjour a tous,Voilà deux jours que je bloque sur une fonction .Je souhaite afficher une image a gauche ou a droite de la souris en fonction de l'empl barre de progersion [ par folken62 ] bonjour a tous,j'ai un petit probleme j'ai inseré ce code dans ma page d'intro de mon site , et j'aimerai centré cette barre de progression dans ma pa Control et insertion dans des cellules [ par christuckers ] Salute tout le monde !Bon ba la j'ai l'impression de bloqué sur un truc completement ridicule. Je me dis que j'ai réussi à faire un truc de iouf, mais Ajout de champs dynamiquement dans un formulaire [ par evenkil ] Bonjour, Etant débutant en JavaScript et dhtml, je sollicite un peu de votre aide pour créer une page. Je n'arrive pas a ajouter dynamiquement des c Problème avec 2 fonctions dans Ajax [ par yoyotheboss7 ] Bonjour à tous !J'ai un script ajaxqui marche. Il me permet d'afficher une page php dans une div et agir sur cette page. Cependant, je cherche à ouvri Ajout de champs dynamiquement [ par Julien237 ] Bonjour,Je fais très peu de javascript, je viens d'en écrire un permettant d'ajouter dynamiquement des champs à un formulaire qui marche très bien sou xml dans un pop-up [ par bultez ] bonjour à toutes et à tous,                je ne parviens pas à résoudre : utilisation tool man drag [ par calitom ] Bonjour,J'utilise la fonction de drag de tool man.J'ai plusieurs div draggables.Voici comment je leur affecte la possibilitée d'être draggé dans une z Pb de compatibilité [ par DTiGDB ] Bonjour à toutes et à tous ! Je suis débutant dans le monde de la programmation web. J'ai essayé de faire un menu sympa en m'inspirant d'autres source


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

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

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