Un petit aperçu en passant sur un lien
O_Neill_8
Messages postés
6
Date d'inscription
lundi 23 mai 2005
Statut
Membre
Dernière intervention
26 mai 2005
-
25 mai 2005 à 21:16
O_Neill_8 Messages postés 6 Date d'inscription lundi 23 mai 2005 Statut Membre Dernière intervention 26 mai 2005 - 26 mai 2005 à 14:46
O_Neill_8 Messages postés 6 Date d'inscription lundi 23 mai 2005 Statut Membre Dernière intervention 26 mai 2005 - 26 mai 2005 à 14:46
A voir également:
- "Url de la page, sur votre site, où est affiché le lien vers"
- Exemple de page d'authentification - Conseils pratiques -PHP
- Modele de site web - Conseils pratiques -PHP
- Mettre une variable dans un lien ✓ - Forum Javascript / DHTML
- /Klik.asp?url= - Forum ASP / ASP.NET
- Window.print() Supprimer l'URL dans la page imprimée - Forum Javascript / DHTML
9 réponses
rastasponch
Messages postés
27
Date d'inscription
jeudi 12 août 2004
Statut
Membre
Dernière intervention
19 décembre 2009
25 mai 2005 à 21:23
25 mai 2005 à 21:23
Tu veut faire un truc du genre rollover mais éloigné de ton lien ?
O_Neill_8
Messages postés
6
Date d'inscription
lundi 23 mai 2005
Statut
Membre
Dernière intervention
26 mai 2005
25 mai 2005 à 21:54
25 mai 2005 à 21:54
Escuse moi mais je ne sais même pas ce qu'est le rollover donc je peux pas te dire.
En fait j'ai une page avec plusieurs liens alignés. Et chaque liens
ouvre une photo dans une nouvelle page blanche. Le truc c'est que je
voulais un script qui me premettrais en passant seulement sur le lien
de l'image sans cliquer que celui ci m'ouvre un petit aperçu en bas de
cette même page.
Voilà j'éspère être assez clair mais c'est pas sûr.
Merci de bien vouloir me répondre
En fait j'ai une page avec plusieurs liens alignés. Et chaque liens
ouvre une photo dans une nouvelle page blanche. Le truc c'est que je
voulais un script qui me premettrais en passant seulement sur le lien
de l'image sans cliquer que celui ci m'ouvre un petit aperçu en bas de
cette même page.
Voilà j'éspère être assez clair mais c'est pas sûr.
Merci de bien vouloir me répondre
rastasponch
Messages postés
27
Date d'inscription
jeudi 12 août 2004
Statut
Membre
Dernière intervention
19 décembre 2009
25 mai 2005 à 22:57
25 mai 2005 à 22:57
Re !
chépa si ça pourré t'aider, jte colle tout le code, ça vient de
toutjavascript.com. Colle le dans une page html avec 4 image apppelé
smiley1.gif, smiley2...
Je suis débutant aussi !!!
Ca affiche l'image du lien mais à côté, après tu peut varier la taille de l'image affiché et bien sur changer les images.
<!-- saved from url=(0022)http://internet.e-mail -->
<HTML>
<HEAD><TITLE>Tout JavaScript.com - Rollover sur une image éloignée</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts et des tutoriaux sur http://www.toutjavascript.com
// Script gratuit à condition de laisser ce commentaire
// Fonction de rollover
function rollover_tjs(nom,src) {
// nom est le nom de l'image
// Dans cet exemple, nom = lesmiley
// src est l'adresse du fichier d'image
document.images[nom].src=src;
}
// Fonctions de préload
function load() {
if (document.images) {
this.length=load.arguments.length;
for (var i=0;i<this.length;i++) {
this[i+1]=new Image();
this[i+1].src=load.arguments[i];
}
}
}
// Cette fonction charge dans le cache toutes les images passées en paramètre
function preload() {
var temp=new load("smiley1.gif","smiley2.gif","smiley3.gif","smiley4.gif")
}
preload()
</SCRIPT>
</HEAD>
<CENTER>Rollover sur une image éloignée</CENTER>
Passez la souris sur les liens réactifs, vous verrez le smiley changer.
Quand la souris n'est pas sur un lien, le premier smiley est affiché.
Les rollovers sont souvent associés à un préchargement des images dans
le cache du navigateur, c'est ce qui est fait dans cet exemple
Les smileys sont issus du script TJSChat, le chat gratuit développé en
PHP/Javascript par Tout JavaScript.com, accessible en téléchargement
<!-- Premier lien réactif -->
Tout
JavaScript.com</CENTER>
</HTML>
<!-- Script développé par Olivier Hondermarck -->
<!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->
chépa si ça pourré t'aider, jte colle tout le code, ça vient de
toutjavascript.com. Colle le dans une page html avec 4 image apppelé
smiley1.gif, smiley2...
Je suis débutant aussi !!!
Ca affiche l'image du lien mais à côté, après tu peut varier la taille de l'image affiché et bien sur changer les images.
<!-- saved from url=(0022)http://internet.e-mail -->
<HTML>
<HEAD><TITLE>Tout JavaScript.com - Rollover sur une image éloignée</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts et des tutoriaux sur http://www.toutjavascript.com
// Script gratuit à condition de laisser ce commentaire
// Fonction de rollover
function rollover_tjs(nom,src) {
// nom est le nom de l'image
// Dans cet exemple, nom = lesmiley
// src est l'adresse du fichier d'image
document.images[nom].src=src;
}
// Fonctions de préload
function load() {
if (document.images) {
this.length=load.arguments.length;
for (var i=0;i<this.length;i++) {
this[i+1]=new Image();
this[i+1].src=load.arguments[i];
}
}
}
// Cette fonction charge dans le cache toutes les images passées en paramètre
function preload() {
var temp=new load("smiley1.gif","smiley2.gif","smiley3.gif","smiley4.gif")
}
preload()
</SCRIPT>
</HEAD>
<CENTER>Rollover sur une image éloignée</CENTER>
Passez la souris sur les liens réactifs, vous verrez le smiley changer.
Quand la souris n'est pas sur un lien, le premier smiley est affiché.
Les rollovers sont souvent associés à un préchargement des images dans
le cache du navigateur, c'est ce qui est fait dans cet exemple
Les smileys sont issus du script TJSChat, le chat gratuit développé en
PHP/Javascript par Tout JavaScript.com, accessible en téléchargement
<!-- Premier lien réactif -->
Tout
JavaScript.com</CENTER>
</HTML>
<!-- Script développé par Olivier Hondermarck -->
<!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->
O_Neill_8
Messages postés
6
Date d'inscription
lundi 23 mai 2005
Statut
Membre
Dernière intervention
26 mai 2005
26 mai 2005 à 10:42
26 mai 2005 à 10:42
Cela n'a pas l'air de marcher. Ou c'est moi qui m'y prend mal
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
rastasponch
Messages postés
27
Date d'inscription
jeudi 12 août 2004
Statut
Membre
Dernière intervention
19 décembre 2009
26 mai 2005 à 11:39
26 mai 2005 à 11:39
Bah pourtant chez moi ça marche, p't'être une erreur de copier/coller !!! lol
va voir là : http://www.toutjavascript.com/ et fait une recherche
"rollover" clic sur "Rollover sur une image éloignée", t' ora un
aperçu, si c'est ça que tu cherche dl le script...
va voir là : http://www.toutjavascript.com/ et fait une recherche
"rollover" clic sur "Rollover sur une image éloignée", t' ora un
aperçu, si c'est ça que tu cherche dl le script...
O_Neill_8
Messages postés
6
Date d'inscription
lundi 23 mai 2005
Statut
Membre
Dernière intervention
26 mai 2005
26 mai 2005 à 12:05
26 mai 2005 à 12:05
Merci rastasponch ça a l'air de bien marcher maintenant avec le fichier que j'ai télécharger à l'adresse que tu m'as donner.
Par contre je ne vois pas l'endroit où l'on doit mettre dans le script
la taille de l'image a ne pas dépacer car j'ai changé les images
d'origine mais quand je passe sur le lien ce n'est pas qu'un petit
aperçu que l'on voit mais l'image entière.
Merci déjà pour ça
Par contre je ne vois pas l'endroit où l'on doit mettre dans le script
la taille de l'image a ne pas dépacer car j'ai changé les images
d'origine mais quand je passe sur le lien ce n'est pas qu'un petit
aperçu que l'on voit mais l'image entière.
Merci déjà pour ça
rastasponch
Messages postés
27
Date d'inscription
jeudi 12 août 2004
Statut
Membre
Dernière intervention
19 décembre 2009
26 mai 2005 à 12:53
26 mai 2005 à 12:53
A la ligne
ajoute l'attribut width="xxx" (longueur en pxl) et height="xxx"(
hauteur en pxl).
Bon développement !!
ajoute l'attribut width="xxx" (longueur en pxl) et height="xxx"(
hauteur en pxl).
Bon développement !!
O_Neill_8
Messages postés
6
Date d'inscription
lundi 23 mai 2005
Statut
Membre
Dernière intervention
26 mai 2005
26 mai 2005 à 13:06
26 mai 2005 à 13:06
Encore merci rastasponch c'est bien ça.
O_Neill_8
Messages postés
6
Date d'inscription
lundi 23 mai 2005
Statut
Membre
Dernière intervention
26 mai 2005
26 mai 2005 à 14:46
26 mai 2005 à 14:46
J' aurais une autre question en fait mon site est fait a partir d'un
kit qui regroupe un fichier htlm un fichier css et un dossier image.
Le problème c'est que si je veux que mon site est l'apparence du kit il
faut que je clique sur ce famaeux fichier htlm et cela change donc
l'adresse principale du site. (en fait sa rajoute le nom du fichier a
l'adresse).
Comment faut il faire pour que quand je rentre l'adresse le kit s'ouvre en même temps ??
Merci de bien vouloir me répondre
kit qui regroupe un fichier htlm un fichier css et un dossier image.
Le problème c'est que si je veux que mon site est l'apparence du kit il
faut que je clique sur ce famaeux fichier htlm et cela change donc
l'adresse principale du site. (en fait sa rajoute le nom du fichier a
l'adresse).
Comment faut il faire pour que quand je rentre l'adresse le kit s'ouvre en même temps ??
Merci de bien vouloir me répondre
