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

**dttgb** · 12/04/2011, 21h19

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

**dttgb** · 13/04/2011, 05h05

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

entre les balises <head>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**NoSmoking** · 18/04/2011, 22h40

La FAQ est une mine d'or
Comment remplacer une image par une autre lors du passage de la souris ?

**dttgb** · 19/04/2011, 01h07

C'est pas vraiment ca

, 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

) 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

**NoSmoking** · 19/04/2011, 22h15

Envoyé par dttgb

C'est pas vraiment ca

, 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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var Lien  = data[ nombre][0];
var Image = data[ nombre][1];

à toi ensuite d'en faire ce que bon te sembles...

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

JavaScript

Discussions similaires

Partager

Partager