| Onclick pour un slideshow |
| alexmelman - 08/02/10 00:52 |  Profil |
Bonsoir tout le monde,
J'essaye d'adapter ce script à mes besoins, mais j'avoue que ca me dépasse. Voici le script directement sur le site d'origine : http://www.javascriptkit.com/script/script2/rolldifferent.shtml
Ce que j'aimerais changer : 1/ supprimer le OnMouseover et le remplacer par un simple OnClick.
2/ Supprimer les hyperliens du texte et des images.
Merci beaucoup pour vos réponses et bonne continuation. Alex.
|
| alexmelman - 08/02/10 12:51 | Profil |
Bonjour les amis,
Je vois bien que c'est grâce-matinée pour tout le monde. Ne m'oubliez pas à votre réveil. Au fait je l'ai bien bidouillé ce script et il marche(!) mais je sais qu'il y a plein d'erreurs. Help! Help!
|
| alexmelman - 09/02/10 00:07 | Profil |
Bonsoir,
Voici le script (sur fichier à part) que j'utilise et que je voudrais modifier j'ai déjà remplacé le OnMouseover par Onclick mais j'arrive pas à supprimer les hyperliens du texte et des images :
function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url |
}
//}
//function warp(){
//window.location=gotolink
}
var myimages=new Array()
var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("images/plane1.jpg","images/plane2.jpg","images/plane3.jpg","images/plane4.jpg","images/plane5.jpg") |
Pour la partie html :
<a href="dossier/fichier.html" onclick="changeimage(myimages[1],this.href); return false">Titre</a>
|
| alexmelman - 09/02/10 00:08 | Profil |
Bien sûr un grand merci d'avance à ceux qui auraient pitié d'un pauvre ignorant en javascript. Bonne nuit
|
| typo - 09/02/10 13:07 | Profil |
Bonjour alexmelman,
Si vous voulez simplement supprimer les liens :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
//function changeimage(towhat,url){
function changeimage(towhat){
if (document.images){
document.images.targetimage.src=towhat.src
//gotolink=url
}
}
var myimages=new Array()
//var gotolink="#"
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("images/plane1.jpg","images/plane2.jpg","images/plane3.jpg","images/plane4.jpg","images/plane5.jpg")
</script>
<title></title>
</head>
<body>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="15%" valign="top" align="left">
<p><a href="#" onclick="changeimage(myimages[0])">Plane 1</a></p>
<p><a href="#" onclick="changeimage(myimages[1])">Plane 2</a></p>
<p><a href="#" onclick="changeimage(myimages[2])">Plane 3</a></p>
<p><a href="#" onclick="changeimage(myimages[3])">Plane 4</a></p>
<p><a href="#" onclick="changeimage(myimages[4])">Plane 5</a></p>
</td>
<td width="85%" valign="top" align="left"><p align="left">
<!--
<a href="javascript:warp()"><img src="plane0.gif" name="targetimage" border=0></a>
-->
<img src="images/plane0.gif" name="targetimage" border=0>
</td>
</tr>
</table>
</body>
</html>
|
Bonne continuation.
|
| alexmelman - 09/02/10 19:52 | Profil |
Hi Typo,
Mon ange gardien, merci pour votre aide si précieuse. Si j'ai bien pigé il s'agit de supprimer tout ce qui se rapporte à url et donc éliminer le gotolink (heureusement que je connais quelques mots d'anglais).
Encore une petite précision si vous me le permettez : Est-il nécessaire de préciser le width et height de l'image à ce niveau :
<img src="images/plane0.gif" name="targetimage" border=0>
pour ne pas avoir de surprises dans certains browsers.
Encore une fois merci Typo et à tous ceux qui veillent à faire de ce site une véritable école.
|
| typo - 09/02/10 21:42 | Profil |
Re-bonjour,
Vous pouvez effectivement mettre les dimensions souhaitées à ce niveau.
Mais, attention, si vous les mettez en pourcentage (width=50% par exemple), cela prendra 50% de la largeur de la colonne (qui est ici de 85%).
Si vous les mettez en pixels, vous aurez quelque chose de plus précis.
Mais dans les deux cas, pour éviter une distorsion, ne mettez qu'une dimension (que le width par exemple, la hauteur suivra automatiquement).
Si ces réponses vous conviennent, n'oubliez pas de mettre le sujet en résolu. Merci.
Bonne continuation.
|
| alexmelman - 09/02/10 21:55 | Profil |
Oh que oui ces réponses me conviennent. A bientôt pour d'autres questions et Merci
|
| 7 réponses - Page : 1 |
