Bojour Cyril
J'ai bien mon code après le <img id="img"
Voici ci-dessous mon usercontrol (diaporama1.ascx) et après le fichier default.aspx
diaporama1.ascx:
<%@ Control Language="vb" AutoEventWireup="false" Codebehind="Diaporama1.ascx.vb" Inherits="diaporama.Diaporama1" TargetSchema="http://schemas.microsoft.com/intellisense/ie5" %>
<table cellSpacing="20" width="100%">
<tr>
<td class="GTitre" align="center">DIAPORAMA DYNAMIQUE
<hr color="#3399ff" SIZE="5">
</td>
</tr>
<tr>
<td align="center" background="fondtab.gif"><br>
<img id="img" style="BORDER-RIGHT: #3399ff thick double; BORDER-TOP: #3399ff thick double; BORDER-LEFT: #3399ff thick double; BORDER-BOTTOM: #3399ff thick double"
src="suzuka.jpg"><br>
<br>
</td>
</tr>
<tr>
<td align="center"><hr color="#3399ff" SIZE="5">
<input class="Titre" id="nom" style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #000000; TEXT-ALIGN: center; BORDER-BOTTOM-STYLE: none"
type="text" size="60"></td>
</tr>
</table>
<script language="vbscript" src="liste.vbs"></script>
<script language="vbscript">
Dim compteur 'Pour le numéro de l'image
Dim alea 'Nombre aléatoir pour transition
randomize() 'Initialise gestion nb aléatoire
compteur = 0
'Temporise 3,5 seconde avant d'appeler fonction go
window.setTimeout "go()",3500
function go()
Dim texte
compteur = compteur + 1
'génrère 1 nb aléatoire entre 1 et 17 car 17 filtres
alea = Int((17 - 1 + 1) * Rnd + 1)
'==========================================================================
'récupère le nom de l'image correspondant au numéro (Compteur) grâce à la
'fonction affiche (script externe: liste.vbs), construite par le code
'BEHIND au chargement du formulaire.
'==========================================================================
texte = "images\" & affiche(compteur)
'Si compteur a dépassé le nb d'images
if texte="images\" then
'on réinitialise le compteur
compteur = 1
texte = "images\" & affiche(compteur)
end if
'Appel de la fonction qui affiche l'image (texte) avec transition (alea)
filtre texte, alea
'Affiche le nom de l'image dans la zone de texte
nom.value = texte
'Appel de la fonction imbriquée identique pour jouer le diapo en boucle
window.setTimeout "imbrique()",3500
end function
function imbrique()
Dim texte
compteur = compteur + 1
alea = Int((17 - 1 + 1) * Rnd + 1)
texte = "images\" & affiche(compteur)
if texte="images\" then
compteur = 1
texte = "images\" & affiche(compteur)
end if
'img.src = texte
filtre texte, alea
nom.value = texte
window.setTimeout "go()",3500
end function
</script>
<script language="jscript">
function filtre(texte, valeur){
//Permet de définir la transition dynamiquement plutôt que de l'intégrer dans la balise.
switch (valeur){
case 1: /*BARN, Nombre de bandes et direction de transition*/
img.style.filter="progid:DXImageTransform.Microsoft.Blinds(bands=6, direction='RIGHT')";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
//ATTENTION le break est indispensable sinon tous les autres cas sont traités.
break;
case 2: /*BLINDS, Nombre de bandes et direction de transition*/
img.style.filter="progid:DXImageTransform.Microsoft.Blinds(bands=6, direction='RIGHT')";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 3: /*CHECKER, Nombre de carrés à l'horizontal, à la verticale, direction, vitesse*/
img.style.filter="progid:DXImageTransform.Microsoft.Checkerboard(squaresX=12, squaresY=8, direction='right', duration=1)";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 4: /*FADE, Durée et je sais pas quoi*/
img.style.filter="progid:DXImageTransform.Microsoft.Fade(duration=1.0,overlap=1.0)";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 5: /*WIPE, (taille du dégradé, direction, sens)*/
img.style.filter="progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=1, motion='forward')";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 6: /*INSET, part du coin supérieur gauche, pas de paramètre*/
img.style.filter="progid:DXImageTransform.Microsoft.Inset()";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 7: /*IRIS, (Forme: Circle, Cross, Plus, Square ou Star; Direction)*/
img.style.filter="progid:DXImageTransform.Microsoft.Iris(irisStyle='CROSS', motion='out')";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 8: /*PIXELATE, (Nombre de pixels, Durée, Enabled)*/
img.style.filter="progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50, Duration=2, Enabled=false)";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 9: /*RADIALWIPE, (Forme de la transition: Clock, Wedge ou Radial)*/
img.style.filter="progid:DXImageTransform.Microsoft.RadialWipe(wipeStyle='clock')";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 10: /*RANDOMBARS, (direction des barres varticales: horizontal ou vertical)*/
img.style.filter="progid:DXImageTransform.Microsoft.RandomBars(orientation='horizontal')";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 11: /*RANDOMDISSOLVE, Effet de petits points, pas de paramètre*/
img.style.filter="progid:DXImageTransform.Microsoft.RandomDissolve()";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 12: /*SLIDE, (Type de passage: Hide, Push ou Swap; Nombres de bandes)*/
img.style.filter="progid:DXImageTransform.Microsoft.Slide(slideStyle='SWAP', bands=1)";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 13: /*SPIRAL, (Nb bandes horizontales, nb bandes veticales)*/
img.style.filter="progid:DXImageTransform.Microsoft.Spiral(GridSizeX=16, GridSizeY=16)";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 14: /*STRETCH, (Style: Hide, Spin ou Push)*/
img.style.filter="progid:DXImageTransform.Microsoft.Stretch(stretchStyle='spin')";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 15: /*STRIPS, (Durée du passage, Direction: left-down, left-up, right-down, right-up)*/
img.style.filter="progid:DXImageTransform.Microsoft.Strips(Duration=2, Motion='leftdown')";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 16: /*WHEEL, (Nombre de rayons de la roue)*/
img.style.filter="progid:DXImageTransform.Microsoft.Wheel(spokes=10)";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
case 17: /*ZIGZAG, (Nombre bandes horizontales, nombre de bandes verticales)*/
img.style.filter="progid:DXImageTransform.Microsoft.zigzag(GridSizeX=16, GridSizeY=16)";
img.filters[0].apply();
img.src=texte;
img.filters[0].play();
break;
}
}
</script>
default.aspx:
<%@ Register TagPrefix="uc1" TagName="Diaporama1" Src="Diaporama1.ascx" %>
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="default1.aspx.vb" Inherits="diaporama.default1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Diaporama</title>
<meta content="Microsoft Visual Studio.NET 7.0" name="GENERATOR">
<meta content="Visual Basic 7.0" name="CODE_LANGUAGE">
<meta content="VBScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<LINK href="liens.css" type="text/css" rel="stylesheet">
</HEAD>
<body style="SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #3399ff" bgColor="#000000"
MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<uc1:Diaporama1 id="Diaporama11" runat="server"></uc1:Diaporama1>
</form>
</body>
</HTML>