Code pour diaporama simple sur site.
Résolu/Fermé
dreamcatcher
Messages postés
182
Date d'inscription
vendredi 30 mai 2008
Statut
Membre
Dernière intervention
1 mars 2022
-
16 juin 2008 à 20:04
psystorm65 Messages postés 1 Date d'inscription lundi 22 août 2016 Statut Membre Dernière intervention 22 août 2016 - 22 août 2016 à 09:33
psystorm65 Messages postés 1 Date d'inscription lundi 22 août 2016 Statut Membre Dernière intervention 22 août 2016 - 22 août 2016 à 09:33
A voir également:
- Diaporama html gratuit
- Wetransfer gratuit sans inscription - Guide
- Chatgpt gratuit - Télécharger - Outils Internet
- Clé windows 10 gratuit - Guide
- Windows 10 gratuit - Guide
- Annuaire portable gratuit a partir d'un nom ✓ - Forum Mobile
17 réponses
RAD ZONE
Messages postés
5224
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
22 mars 2024
1 353
16 juin 2008 à 20:48
16 juin 2008 à 20:48
SALUT
VOILA ;-))
RAD
VOILA ;-))
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>RAD ZONE Webcreation
</title>
<meta name="author" content="http://radservebeer.free.fr">
<meta name="generator" content="PSPad editor, www.pspad.com">
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
//chemin vers les images
src = ["img1.jpg", "img2.jpg", "img3.jpg", "img4.jpg"]
//les liens sur chaque images
url = ["http://radservebeer.free.fr", "http://rad2.free.fr", "https://www.commentcamarche.net/", "https://www.google.fr/?gws_rd=ssl"]
//temp de chaque image
duration = 4;
//ne rien toucher en dessous
ads=[]; ct=0;
function switchAd() {
var n=(ct+1)%src.length;
if (ads[n] && (ads[n].complete || ads[n].complete==null)) {
document["Ajout_Image"].src = ads[ct=n].src;
}
ads[n=(ct+1)%src.length] = new Image;
ads[n].src = src[n];
setTimeout("switchAd()",duration*1000);
}
function liens(){
location.href = url[ct];
} onload = function(){
if (document.images)
switchAd();
}
//-->
</script>
<div align="center">
<a href="javascript:liens();" onmouseover="status=url[ct];return true;" onmouseout="status=''">
<img name="Ajout_Image" src="img1.jpg" border="0" id="Ajout_Image"></a>
</div>
</body>
</html>
RAD
18 juin 2008 à 11:10
Merci beaucoup pour le code.
Pourquoi dis tu qu'il ne faut pas modifier la partie du dessous ? Pourquoi y a t'il des liens vers un site ?
Merci encore.
5 mars 2009 à 08:50
I cannot remember where I downloaded your css for watching pictures through miniatures.
First of all, thanks for this wonderful code that is exactly what I was looking for.
I just have a slight problem.
On a same page I use multiple galleries locations where I can watch pictures.
On these different locations, I have to use different galleries sizes (some with one column, some with 2, 3 or 4 columns).
The problem is when the picture is displayed on a 1 or 2 gallery columns, the thumbs on 3 or 4 gallery columns are (partially) covering the displayed picture.
What I would like is to have the displayed picture always on forefront, and never be covered by thumbs.
Any idea to to code that?
I thank you in advance.