SUPER effet !
nexbee
Messages postés
11
Date d'inscription
Statut
Membre
Dernière intervention
-
nexbee Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
nexbee Messages postés 11 Date d'inscription Statut Membre Dernière intervention -
super effet ! que je n arrive pas a reproduir :(
plz help
bonjour a tous
j ai trouver sur de nombreux sit un truc sympas que j aimerai utiliser pour mon futur site ^^
le principe c'est que quand tu passe la souris sur un mot ou une image un carré (avec ce que lon veut dedans et de taille voulu ) souvre et charge ce que je veux^^
sa a l air simple et courrant mais je suis sur que non.
voila ce que je cherche exactement passé votre souris sur les mot souligné vous allez voila. y a un prechargement en plus (avec marquer loading) que je trouve sympas :
http://wow-en.curse-gaming.com/files/search/?q=&q_type=0&q_labels=1&lastupdate=0
je ne connais rien sur tous sa ^^
alors tout les renseignement son bon a prendre ^^
savoir si c du html ou java ou autre...
si je peut le fair a l aide d un logiciel CMS
si vous avez un site qui m explique le code a inserer
tout quoi ^^
Merci de votre aide c super important pour moi ^^
plz help
bonjour a tous
j ai trouver sur de nombreux sit un truc sympas que j aimerai utiliser pour mon futur site ^^
le principe c'est que quand tu passe la souris sur un mot ou une image un carré (avec ce que lon veut dedans et de taille voulu ) souvre et charge ce que je veux^^
sa a l air simple et courrant mais je suis sur que non.
voila ce que je cherche exactement passé votre souris sur les mot souligné vous allez voila. y a un prechargement en plus (avec marquer loading) que je trouve sympas :
http://wow-en.curse-gaming.com/files/search/?q=&q_type=0&q_labels=1&lastupdate=0
je ne connais rien sur tous sa ^^
alors tout les renseignement son bon a prendre ^^
savoir si c du html ou java ou autre...
si je peut le fair a l aide d un logiciel CMS
si vous avez un site qui m explique le code a inserer
tout quoi ^^
Merci de votre aide c super important pour moi ^^
A voir également:
- SUPER effet !
- Super copier - Télécharger - Gestion de fichiers
- Effet miroir word - Guide
- Super screen recorder - Télécharger - Capture d'écran
- Pc super lent - Guide
- Effet miroir photo - Accueil - Photo
9 réponses
Bonjour,
Je n'ai pas regardé le code source, mais à mon avis cela se base sur :
html
css
javascript (et Ajax)
php (ou autre langage serveur).
J'explique le principe :
- le lien possède un attribut "onmouseover" qui déclenche une fonction javascript, avec comme paramètre un ID correspondant au lien.
- le javascript instancie un objet xmlhttprequest, qui permet de faire une requête à un serveur. En l'occurence, il va demander au serveur ce qu'il faut afficher pour le lien dont il a l'ID. En attendant, il affiche un élément <div> qui était, jusque là, caché par le style "display:none", <div> dans lequel il va afficher "loading...".
- le serveur, via surement un script php, va récupérer dans sa base de données l'adresse de l'image correspondante et le texte qui va avec. Il renvoie au navigateur une réponse contenant ces deux choses-là.
- le javascript qui attendait va récupérer ces données, et remplacer le "loading" du <div> par un truc du genre <img src="Adresse image" />, pour afficher l'image.
Voilà, à mon avis, le fonctionnement global de cet effet.
Pour plus d'information, regarde sur le net des tutoriaux sur l'« Ajax », c'est de cela dont il est question.
Xavier
Je n'ai pas regardé le code source, mais à mon avis cela se base sur :
html
css
javascript (et Ajax)
php (ou autre langage serveur).
J'explique le principe :
- le lien possède un attribut "onmouseover" qui déclenche une fonction javascript, avec comme paramètre un ID correspondant au lien.
- le javascript instancie un objet xmlhttprequest, qui permet de faire une requête à un serveur. En l'occurence, il va demander au serveur ce qu'il faut afficher pour le lien dont il a l'ID. En attendant, il affiche un élément <div> qui était, jusque là, caché par le style "display:none", <div> dans lequel il va afficher "loading...".
- le serveur, via surement un script php, va récupérer dans sa base de données l'adresse de l'image correspondante et le texte qui va avec. Il renvoie au navigateur une réponse contenant ces deux choses-là.
- le javascript qui attendait va récupérer ces données, et remplacer le "loading" du <div> par un truc du genre <img src="Adresse image" />, pour afficher l'image.
Voilà, à mon avis, le fonctionnement global de cet effet.
Pour plus d'information, regarde sur le net des tutoriaux sur l'« Ajax », c'est de cela dont il est question.
Xavier
merci de ta reponse ^^
Mais meme si j ai a presque compris ^^ v avoir beaucoup de mal a le mettre en place sa fait au moins 6 ans que je n ai créé de site et mon niveau été deja tres bas ^^ (html basique )
c 'est pour sa que je me demande si il existe un logiciel qui permettrez de fair cette routine ^^
ou un site avec les script a copier coller direct et pkoi pas d exemple a coté ^^
je suis pas feneant mais suis un peu pressé ^^ me faudrai plusieur mois pour aprendre tous sa et j ai peur d etre vite decouragé ^^
voila merci
Mais meme si j ai a presque compris ^^ v avoir beaucoup de mal a le mettre en place sa fait au moins 6 ans que je n ai créé de site et mon niveau été deja tres bas ^^ (html basique )
c 'est pour sa que je me demande si il existe un logiciel qui permettrez de fair cette routine ^^
ou un site avec les script a copier coller direct et pkoi pas d exemple a coté ^^
je suis pas feneant mais suis un peu pressé ^^ me faudrai plusieur mois pour aprendre tous sa et j ai peur d etre vite decouragé ^^
voila merci
Désolé, je suis habitué à coder "à la main", je ne connais pas les outils qui peuvent faire ce genre de truc...
Faudra attendre une autre réponse :-/
Faudra attendre une autre réponse :-/
Cela m'interresserai aussi de savoir ça !
Voici leurs codes qui utilisent pour faire leur info bulle :
<tr class="row1">
<td class="tc"><a href="http://wow-en.curse-gaming.com/files/details/5036/amok-ui/">
<img src="Search%20World%20of%20Warcraft%20Downloads%20_%20World%20of%20Warcraft%20@%20Curse_fichiers/file-info.png" alt="info" title="Details" width="10" height="10"></a> <a href="http://wow-en.curse-gaming.com/files/quick-download/5036/">
<img src="Search%20World%20of%20Warcraft%20Downloads%20_%20World%20of%20Warcraft%20@%20Curse_fichiers/quick-download.png" alt="download" title="Quick Download" width="8" height="10"></a></td>
<td class="sortcol"><span class="icon_label">compilation, k3y4, package</span><a href="http://wow-en.curse-gaming.com/files/details/5036/amok-ui/" rel="tip_6:5036">! Amok UI !</a></td>
<td class="tc">12</td>
<td class="tc">7566</td>
<td class="tr">01/26/2007</td>
</tr>
Peut-être que quelqu'un pourra faire une explication plus clair de ce qu'il faut faire !
Voici leurs codes qui utilisent pour faire leur info bulle :
<tr class="row1">
<td class="tc"><a href="http://wow-en.curse-gaming.com/files/details/5036/amok-ui/">
<img src="Search%20World%20of%20Warcraft%20Downloads%20_%20World%20of%20Warcraft%20@%20Curse_fichiers/file-info.png" alt="info" title="Details" width="10" height="10"></a> <a href="http://wow-en.curse-gaming.com/files/quick-download/5036/">
<img src="Search%20World%20of%20Warcraft%20Downloads%20_%20World%20of%20Warcraft%20@%20Curse_fichiers/quick-download.png" alt="download" title="Quick Download" width="8" height="10"></a></td>
<td class="sortcol"><span class="icon_label">compilation, k3y4, package</span><a href="http://wow-en.curse-gaming.com/files/details/5036/amok-ui/" rel="tip_6:5036">! Amok UI !</a></td>
<td class="tc">12</td>
<td class="tc">7566</td>
<td class="tr">01/26/2007</td>
</tr>
Peut-être que quelqu'un pourra faire une explication plus clair de ce qu'il faut faire !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
sa rssemble au nouvelle publicité
quand tu passe sur un mot sa donne une definition dans un petit carré et si tu clik sa tenvoi sur une page de pub
quand tu passe sur un mot sa donne une definition dans un petit carré et si tu clik sa tenvoi sur une page de pub