previsualisation de la page

Version imprimable

12/04/2011, 21h19
dttgb

Script lien aleatoire et image /apercu/previsualisation de la page

Bonjour chers amis webmasters, débutants (comme moi) ou confirmés,
Mon problème est celui ci:
Je crée actuellement un site web dont les pages ont chacune huit liens de redirections vers d'autres pages.
Pour des raisons évidentes de temps et d’énergie ^^, je souhaite randomiser l'affichage de ses liens (plutôt que de les ajouter un a un sur les pages , 8 liens x 200 page ça fait beaucoup de clic, de copier coller, etc ...) ce que je peut aisément faire grâce a un merveilleux petit script.
Néanmoins, s’agissant d'un site de visionnement de vidéo, il serai utile que l'utilisateur puisse voir une image de la vidéo , par exemple un aperçu de la page au survolage du lien, ou mieux, l'affichage d'une image (capture de la vidéo) au survolage du lien, voir même de façon permanente (a savoir que cette image est présente sur les pages cibles en question).
Pourriez vous donc m'indiquer un script qui fasse cela (si ca existe), et aurai je besoin de plus que du Javascript ???

J'espere avoir été assez clair , merci d'avance

En fait, voila le script, j'ai tapé 9 adresses bidons pour l'exemple (il y en aurait 200):

entre les balises <head>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
*/
liens = new Array;
liens[0] = "http://monsite.com/1";
liens[1] = "http://monsite.com/2";
liens[2] = "http://monsite.com/3";
liens[3] = "http://monsite.com/4";
liens[4] = "http://monsite.com/5";
liens[5] = "http://monsite.com/6";
liens[6] = "http://monsite.com/7";
liens[7] = "http://monsite.com/8";
liens[8] = "http://monsite.com/9";
function goToUrl()
	{
	secret = Math.round(Math.random() * 8);
	window.open(liens[secret],'_blank');
	}
</SCRIPT>
<!-- FIN DU SCRIPT -->

et entre les balises <body>

Code:

1
2
3
4
5
6
<!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
-->
<A HREF="#" onClick="goToUrl();return(false)">liens vers les pages du sites</A>
<!-- FIN DU SCRIPT --><noscript><a href="mettre l'url du site editeur javascript ici">ajax</a></noscript>

Je copie ce dernier 8 fois sur la page. ^^
Il faudrait une image à afficher par lien. :?

18/04/2011, 22h40
NoSmoking

La FAQ est une mine d'or
Comment remplacer une image par une autre lors du passage de la souris ?
19/04/2011, 01h07
dttgb

C'est pas vraiment ca :oops:, moi je voulais lié une image a un lien (img1+lien1, img2+lien2, etc), et que ces binomes soient affichés aléatoirement, mais merci quand meme NoSmoking.
Pour ceux que ca intéresse ( et il est dans mon intérét que ca vous intéresse :mrgreen:) j'ai proposé ceci http://www.developpez.net/forums/d10...t/#post5923079, mais je reste confronté au probléme que j'y expose :?

Votre aide est la bienvenue :ccool:

Citation:

Envoyé par dttgb

C'est pas vraiment ca :oops:, moi je voulais lié une image a un lien (img1+lien1, img2+lien2, etc), et que ces binomes soient affichés aléatoirement, mais merci quand meme NoSmoking.

revois dans ce cas ta structure
Code:

1 2 3 4 5 6 7 var ind = 0; var data = []; dat [ind++] = [ 'page0.html', 'image0.jpg']; dat [ind++] = [ 'page1.html', 'image1.jpg']; dat [ind++] = [ 'page2.html', 'image2.jpg']; dat [ind++] = [ 'page3.html', 'image3.jpg']; // etc....
lorsque tu as fait le tirage au sort il te suffit d'extraire comme suit
Code:

1 2 var Lien = data[ nombre][0]; var Image = data[ nombre][1];
à toi ensuite d'en faire ce que bon te sembles...