Rollover sur du texte (avec effet de loupe)

Soyez le premier à donner votre avis sur cette source.

Snippet vu 20 486 fois - Téléchargée 27 fois

Contenu du snippet

Sur le meme principe que les vagues, mais la c'est uniquement en passant la souris sur le texte, qu'il grossit au centre.

Source / Exemple :


<script LANGUAGE="JavaScript">
text = "Hello world Hello world Hello world Hello world"
tailleMax = 50 //taille max des caractères
tailleMin = 10 //taille min des caractères

function initEffetLoupe(obj) {
  document.getElementById(obj).innerHTML = "<TABLE><TR onMouseOver=effetLoupe('"+obj+"')><TD>" + text + "</TD></TR></TABLE>"
}

function effetLoupe(obj) {
  aff = ""
  increment = (tailleMax-tailleMin)/(text.length/2)
  pos = 0
  taille = tailleMin

  for(a=0; a<text.length; a++) {
    lettre = text.charAt(a)
    if (pos+tailleMin >= tailleMax) { increment = -increment }
    pos += increment
    taille = tailleMin + pos
    aff += "<TD><FONT style='font-size:" + taille + "'>"+lettre+"</FONT></TD>"
  }

  document.getElementById(obj).innerHTML = "<TABLE><TR onMouseOut=initEffetLoupe('"+obj+"')>" + aff + "</TR></TABLE>"
}
</script>
<DIV ID="txt1" >-</DIV>
<script LANGUAGE="javascript">
  initEffetLoupe("txt1")
</script>

Conclusion :


Remarques, questions, améliorations n'hesitez pas ;)

A voir également

Ajouter un commentaire

Commentaires

Messages postés
1
Date d'inscription
mardi 21 décembre 2010
Statut
Membre
Dernière intervention
24 décembre 2012

@ A_Z_E

Je trouve ta critique déplacée et injuste.
Il a créé un code pour nous faire plaisir et que cela serve, gratuitement en plus. Merci beaucoup à Jerms.

Ce n'est pas du tout mon habitude de noter les gens car chacun fait ce qu'il peut, comme il peut. Mais à toi je te donne aussi 0/20 pour ton manque total de respect.
Messages postés
1
Date d'inscription
samedi 2 juillet 2005
Statut
Membre
Dernière intervention
9 avril 2007

perso je le trouve pourrit !! 0/20 mon pote
Messages postés
115
Date d'inscription
jeudi 8 mai 2003
Statut
Membre
Dernière intervention
3 janvier 2016

merci ;)
Messages postés
406
Date d'inscription
mardi 7 mai 2002
Statut
Membre
Dernière intervention
2 octobre 2004

pas mal, bravo

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.