CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 12 03 20:27:39

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (2/2) par neodante

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (1/2) par neodante

[WPF] L'OBJET COLLECTIONVIEWSOURCE DE WPF, INDISPENSABLE POUR DéVELOPPER DES APPLICATIONS MéTIER ! par Thomas LEBRUN

MOBUZZ C'EST FINIT ! par orion

ADOBE MAX EN IMAGE : UNE PETITE DéMO EN FLEX SYMPA par Nix

TABLEAU D'INFORMATION par wwe419

RE : RECUPERER UNE VARIABLE par Bulledanslair

RE : éCHANGE DE DONNéES ENTRE FORMULAIRES par infograph61

DEFILER DE DROITE VERS LA GAUCHE AU LIEU DE BAS EN HAUT par oceane751

RE : TIMER QUI CHARGE UNE PAGE EN CAS D'INACTIVITé par nathangel

+ de logiciels à télécharger

1 302 700 membres
619 nouveaux aujourd'hui
14 556 membres club

Trouver une ressource

Trouvez une ressource parmi 39 080 codes, 1 208 873 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

DIAPORAMA D'IMAGES AVEC LIENS

Information sur la source

Catégorie :Graphique Classé sous : diaporama, photo, image, présentation, publicité Niveau : Débutant Date de création : 03/12/2002 Date de mise à jour : 24/10/2006 14:46:14 Vu : 45 693

Auteur : Deny

Ecrire un message privé

Note :

6,00 / 10

Commentaire sur cette source (15)

Ajouter un commentaire et/ou une note

Description

Diaporama d'images, avec lien individuel. Chaque image s'affiche en sa propre taille, dans une div centrée horizontalement et verticalement, ici non dimensionnée.
Formulaire d'arrêt et de reprise du diaporama, ainsi qu'un affichage ralenti ou accéléré.
Chaque image ayant son lien propre, il est paramétrable en popup ou même fenêtre, ou sans lien. Popup de dimension unique pour toutes.

------------

Source

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="GENERATOR" CONTENT="notepad">
<META NAME="Author" CONTENT="Thierry Denele">
<META NAME="Date" CONTENT="2006-10-24">
<head>
<script type="text/javascript" language="JavaScript">
var info = null;
var bBoucle = true;
var nim = new Number(-1);
var nimurl= new Number(0);
var plv = new Number(10000);
function ow(theURL,larg,haut)
{
larg = Math.ceil(screen.width * (larg/100)*(1024/screen.width));
if(larg > screen.width) {larg = Math.ceil(larg*(95/100));}
haut = Math.ceil(screen.height * (haut/100));
if (info)
{
info.close();
info = window.open(theURL,"info","scrollbars=yes,menubar=yes,resizable=yes,width="+ larg +"px,height="+ haut +"px,outerwidth="+ larg +"px,outerheight="+ haut +"px,top=5,left=5,screenX=5,screenY=5");
info.focus();
}
else {
info = window.open(theURL,"info","scrollbars=yes,menubar=yes,resizable=yes,width="+ larg +"px,height="+ haut +"px,outerwidth="+ larg +"px,outerheight="+ haut +"px,top=5,left=5,screenX=5,screenY=5");
info.focus();
}
}
//--- Partie Panorama d'images -----------------------------------------------
var imge=new Array();
imge[0]="photo_nebuleuseducone.jpg";
imge[1]="photo_trapezedorion.jpg";
imge[2]="photo_ugc10214.jpg";
imge[3]="icomlogonew.gif";
imge[4]="photo_papillon.jpg";
imge[5]="photo_tournesol.jpg";
var imgname=new Array();
imgname[0]="http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imge[0];
imgname[1]="http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imge[1];
imgname[2]="http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imge[2];
imgname[3]="http://www.internet.com/img/"+imge[3];
imgname[4]="http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imge[4];
imgname[5]="http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imge[5];
var imgpreload=new Array();
for (i=0;i<=imgname.length-1;i++)
{
imgpreload[i]=new Image();
imgpreload[i].src=imgname[i];
}
var imgurl=new Array();
imgurl[0]="http://www.javascriptfr.com";
imgurl[1]="http://www.javascript.com";
imgurl[2]="http://www.allhtml.com";
imgurl[3]="http://www.internet.com";
imgurl[4]="http://www.webreference.com/js";
imgurl[5]="#";
var imgdest=new Array();
imgdest[0]="popup";
imgdest[1]="popup";
imgdest[2]="self";
imgdest[3]="popup";
imgdest[4]="popup";
imgdest[5]="none";
//------- arrêt
function stopvaa()
{
bBoucle = false;
nim=0
}
//------départ-----------
function runvaa(nim)
{
bBoucle = true;
}
//------- Changement image : images[0] implique ce soit la 1ère de la page, à changer sinon-----------------
function changeImg(nim)
{
nimurl=nim;
document.images[0].src = imgname[nim];
}
function runurl(nim)
{
nim=nimurl;
// si le paramètre self a été entré dans les données imgdest -> remplacement document courant
if ( imgdest[nim] == "self" )
{
document.location.href = imgurl[nim];
if (info) { info.close(); }
}
else
{
// si none on ne fait rien
if ( imgdest[nim] == "none" )
{
void(0);
}
// sinon on ouvre en 75% de large, 65% de haut
else
{
ow(imgurl[nim],75,65);
}
}
}
// fonction plus vite - moins vite
function pvite(pmv) {
if (pmv == 0) { plv = (plv + 2000);
alert((10-plv/1000)/2);}
else { if (plv > 1000)
{plv = (plv - 2000); pmv = 1;}
else {void(0);}
alert((10-plv/1000)/2);
}
}
// Initiate, en fait la fonction de rotation des images.
function initiate()
{
// incrémentation du numéro d'image
nim++;
if (nim>imgname.length-1)
{
nim=0;
}
if (bBoucle)
{
// commande de changement d'image
changeImg(nim);
}
if (bBoucle)
{
// relance après un certain temps
setTimeout("initiate()",plv);
}
// mise à jour de l'affichage du nom
actualise_nomimage();
}
function actualise_nomimage() {
document.forms[0].elements[0].value = nim + 1;
document.forms[0].elements[1].value=imge[nim];
}
</script>
</head>
<body onload="runvaa(1);initiate();">
<div style="font-family:'Arial', sans-serif;font-size:10px;font-weight:700;text-align:center;vertical-align:middle;">
<p><a href="#" onclick="javascript:runurl(nim);return false;">
<script type="text/javascript" language="JavaScript">
document.write("<img src='http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imgname[0]+"' style='border:0px;' alt='Cliquez ici...'></a>");
</script>
</p>
<p><a href="#" onclick="stopvaa(); return false">Arrêter le panorama</a> - <a href="#" onclick="runvaa(1);initiate();return false">Reprendre</a> - <a href="javascript://" onClick="pvite(1)">Plus vite</a> - <a href="javascript://" onClick="pvite(0)">Moins vite</a> - Cliquez sur l'image !</p>
<form name="noms">
<p>image numéro : <input type="text" name="numero" style="width:10px;color:darkblue;font-weight:700;background-color:#DDEE00;margin-right:10px;">
Nom : <input type="text" name="nomimage" style="width:200px;color:darkblue;font-weight:700;background-color:#DDEE00;">
</p>
</form>
</div>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> 
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 
<META NAME="GENERATOR" CONTENT="notepad">
<META NAME="Author" CONTENT="Thierry Denele"> 
<META NAME="Date" CONTENT="2006-10-24"> 
<head> 
<script type="text/javascript" language="JavaScript"> 
var info = null; 
var bBoucle = true; 
var nim = new Number(-1);
var nimurl= new Number(0);
var plv = new Number(10000);
 
function ow(theURL,larg,haut) 
    { 
larg = Math.ceil(screen.width * (larg/100)*(1024/screen.width)); 
if(larg > screen.width) {larg = Math.ceil(larg*(95/100));} 
haut = Math.ceil(screen.height * (haut/100)); 
    if (info) 
        { 
            info.close(); 
            info =    window.open(theURL,"info","scrollbars=yes,menubar=yes,resizable=yes,width="+ larg +"px,height="+ haut +"px,outerwidth="+ larg +"px,outerheight="+ haut +"px,top=5,left=5,screenX=5,screenY=5"); 
            info.focus(); 
        } 
    else    { 
            info =    window.open(theURL,"info","scrollbars=yes,menubar=yes,resizable=yes,width="+ larg +"px,height="+ haut +"px,outerwidth="+ larg +"px,outerheight="+ haut +"px,top=5,left=5,screenX=5,screenY=5"); 
            info.focus(); 
        } 
    } 
  
//--- Partie Panorama d'images ----------------------------------------------- 
var imge=new Array();
imge[0]="photo_nebuleuseducone.jpg";
imge[1]="photo_trapezedorion.jpg";
imge[2]="photo_ugc10214.jpg";
imge[3]="icomlogonew.gif";
imge[4]="photo_papillon.jpg";
imge[5]="photo_tournesol.jpg";

var imgname=new Array(); 
imgname[0]="http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imge[0]; 
imgname[1]="http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imge[1];
imgname[2]="http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imge[2];
imgname[3]="http://www.internet.com/img/"+imge[3];
imgname[4]="http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imge[4];
imgname[5]="http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imge[5];
  
var imgpreload=new Array(); 
    for (i=0;i<=imgname.length-1;i++) 
        { 
            imgpreload[i]=new Image(); 
            imgpreload[i].src=imgname[i]; 
        } 
  
var imgurl=new Array(); 
imgurl[0]="http://www.javascriptfr.com"; 
imgurl[1]="http://www.javascript.com"; 
imgurl[2]="http://www.allhtml.com"; 
imgurl[3]="http://www.internet.com"; 
imgurl[4]="http://www.webreference.com/js"; 
imgurl[5]="#"; 
  
var imgdest=new Array(); 
imgdest[0]="popup"; 
imgdest[1]="popup"; 
imgdest[2]="self"; 
imgdest[3]="popup"; 
imgdest[4]="popup"; 
imgdest[5]="none"; 
  
//------- arrêt
function stopvaa() 
    { 
        bBoucle = false; 
        nim=0
    } 

//------départ-----------
function runvaa(nim) 
    { 
        bBoucle = true; 
    } 
  
//------- Changement image : images[0] implique ce soit la 1ère de la page, à changer sinon-----------------
function changeImg(nim) 
    { 
        nimurl=nim; 
        document.images[0].src = imgname[nim];
    } 
<!---//------ Ouverture de la popup suite au click sur l'image -----------------> 
function runurl(nim)
	{
        nim=nimurl; 
// si le paramètre self a été entré dans les données imgdest -> remplacement document courant
        if ( imgdest[nim] == "self" ) 
            { 
                document.location.href = imgurl[nim];
		if (info) { info.close(); }
            } 
        else 
            { 
// si none on ne fait rien
                if ( imgdest[nim] == "none" ) 
                { 
                void(0); 
                } 
// sinon on ouvre en 75% de large, 65% de haut
                else
                { 
                ow(imgurl[nim],75,65);
                } 
            } 
    } 
// fonction plus vite - moins vite

function pvite(pmv) { 
if (pmv == 0) { plv = (plv + 2000); 
    alert((10-plv/1000)/2);} 
else { if (plv > 1000) 
    {plv = (plv - 2000); pmv = 1;} 
    else {void(0);} 
alert((10-plv/1000)/2); 
    } 
} 

// Initiate, en fait la fonction de rotation des images.

function initiate() 
    { 
// incrémentation du numéro d'image
        nim++;
        if (nim>imgname.length-1) 
            { 
            nim=0;
            } 
        if (bBoucle) 
            { 
// commande de changement d'image 
           changeImg(nim); 
            } 
        if (bBoucle) 
            { 
// relance après un certain temps
            setTimeout("initiate()",plv); 
            }
// mise à jour de l'affichage du nom
	actualise_nomimage();
    } 

function actualise_nomimage() {
document.forms[0].elements[0].value = nim + 1;
document.forms[0].elements[1].value=imge[nim];
}
</script> 
</head> 
<body onload="runvaa(1);initiate();">
<div style="font-family:'Arial', sans-serif;font-size:10px;font-weight:700;text-align:center;vertical-align:middle;">
<p><a href="#" onclick="javascript:runurl(nim);return false;">
<!-----//------ script affichage de l'image ----------------------------->
<script type="text/javascript" language="JavaScript"> 
document.write("<img src='http://perso.wanadoo.fr/astroweb2000/fondecran/img/"+imgname[0]+"' style='border:0px;' alt='Cliquez ici...'></a>");
</script>
</p>
<!--//-------------------- Ligne de commandes ------------------------------------------->
<p><a href="#" onclick="stopvaa(); return false">Arrêter le panorama</a> - <a href="#" onclick="runvaa(1);initiate();return false">Reprendre</a> - <a href="javascript://" onClick="pvite(1)">Plus vite</a> - <a href="javascript://" onClick="pvite(0)">Moins vite</a> - Cliquez sur l'image !</p>
<!----//--------------------- Formulaire pour affichage du numéro et nom de l'image ----------------------->
<form name="noms">
<p>image numéro : <input type="text" name="numero" style="width:10px;color:darkblue;font-weight:700;background-color:#DDEE00;margin-right:10px;">
  Nom : <input type="text" name="nomimage" style="width:200px;color:darkblue;font-weight:700;background-color:#DDEE00;">
</p>
</form>
</div>
</body> 
</html>

Conclusion

J'ai repris ici les images déjà mises dans le script images en background de perso.astroweb2000 (toujours merci à lui). On retrouve également le script que j'ai déjà mis dans Manipulation de 4 fenêtres popup : ow0 qui ouvre des popup avec ow0(url,x,y)
x et y étant les pourcentages d'écran en largeur et hauteur.
Donc dans les var imgwidth et imgheight, ce sont ces pourcentages qu'il faut mettre.
Dans imgdest, popup ouvre en popup, self dans la même fenêtre et none ne fait pas de lien (on s'en douterait).
Vous pouvez visiter les liens insérés, javascript ou pour webmasters e-business.

Historique

24 octobre 2006 14:18:16 :: Dernière mise à jour : Les images s'affichent dans leur taille. Le numéro de l'image s'affiche en dessous, ainsi que le nom de celle-ci, nom de fichier uniquement, celui-ci ayant été séparé du nom de répertoire dans les Array. Des explicatifs ajoutés. Problème restant : Correct sous IE6 et Opera9, marche pas (ou plus, plutôt) sous Firefox 1.5.0.6 pour le moment. Un message d'erreur incongru : document.images[0] has no properties, alors que les autres marchent. Les images d'espace mises ici sont trés grandes car non redimensionnées à 40%, à la taille de l'écran.
24 octobre 2006 14:46:15 :: Dernière mise à jour : Les images s'affichent dans leur taille. Le numéro de l'image s'affiche en dessous, ainsi que le nom de celle-ci, nom de fichier uniquement, celui-ci ayant été séparé du nom de répertoire dans les Array. Des explicatifs ont été ajoutés. Problème restant : Correct sous IE6 et Opera9, marche pas (ou plus, plutôt) sous Firefox 1.5.0.6 pour le moment. Un message d'erreur incongru : document.images[0] has no properties, alors que les autres marchent. Les images d'espace mises ici sont trés grandes car non redimensionnées à 40%, à la taille de l'écran.

Sources du même auteur

DHTML - MANIP CSS

OUVERTURE POPUP À URL ALÉATOIRE

96 SITES RÉPERTORIÉS : HTML, CSS, DHTML, JAVA, JAVASCRIPT, P...

BROWSER SNIFFER (RENIFLEUR)

DHTML SCROLLTOP

Toutes les sources de Deny

Sources de la même categorie

DIAPOS MULTIPLES par kazma

ZOOM SUR IMAGE A LA SOURIS par kazma

DYNAMIQUE.JS POUR FAIRE DE JOLIE ANIMATION )) par Kimjoa

ANIMATION VIA LES ÉQUATIONS DE ROBERT PENNER par XtremDuke

SLIDESHOW MANUEL OU AUTOMATIQUE SIMPLIFIÉ par meliubaf

Toutes les sources de la catégorie Graphique

Sources en rapport avec celle ci

DIAPO EN FONDU ENCHAINE par kazma

DIAPORAMA PLEIN ÉCRAN LSD.SPLASH : AFFICHAGE DE PHOTOS EN PL... par lsdteam

BANNIÈRE, DIAPORAMA, FONDU, AJAX par abdoulax

SLIDESHOW par rubiks10

DIAPORAMA PHP / JS par MATHIS49

Commentaires et avis

Commentaire de taratatin le 20/02/2005 10:42:36

le meilleur diaporama, que je connaisse, 2 ou 3 trucs sont à revoir mais très facilement modifiable ! La preuve j'y suis arrivé ! ;)

Commentaire de gs_gs le 21/08/2005 16:15:24

Bonjour
Je débute dans ce domaine
J'ai essayé le scrip mais je n'arrive pas à faire référencer mes photos
désolé mais je débute
help
merci beaucoup
Cordialement

Commentaire de reptar37 le 30/06/2006 14:07:43

très bon diaporama!
mais comment ajouter un petit texte différent sous chaque photo?
ça m'arrangerait bien
merci!

Commentaire de Deny le 03/07/2006 09:14:59

Bonjour,
Il faudrait ajouter le texte pour chaque image en array.
Puis ajouter également un formulaire sous l'image avec un input ou un bouton pour l'écrire.
Enfin en supposant qu'on appelle l'array imgtxt... ajouter comme ci-dessous :
function changeImg(nim)
    {
        nimurl=nim;
        document.images[0].src=imgname[nim];
        document.forms[0].elements[0]=imgtxt[nim];
    }
vu que c'est le premier élément du premier formulaire.

Commentaire de kleidis le 07/07/2006 09:16:06

Très bon petit script pour sa facilité dans sa mise en oeuvre et les modifications possibles.
Donc 10/10 dans la catégorie "simple, facile et efficace".
Merci Deny

Commentaire de maryg07 le 30/07/2006 12:47:02

Bonjour,
Pas mal ce script.
Peut-on rajouter un compteur d'affichage par lien ?
Merci de la réponse

Commentaire de jfkuc le 09/08/2006 15:59:38

Bonjour,
ce script est très pratique mais il ne marche pas dans IE 6 (dans firefox c'est ok).
dans la fonction suivante, c'est la ligne 4 qui ne marche pas :

1 function changeImg(nim)
2     {
3        nimurl=nim;
4         document.images[0].src=imgname[nim];
5     }

Le résultat sur :
http://mixertt.free.fr/supermotard/saison2006/granville/index.php3
Merci pour vos lumières

JF

Commentaire de Deny le 21/08/2006 10:36:37

Bonjour,
Désolé de ne pas avoir répondu plus tôt mais je rentre de congés.
Sur mon PC, tout marche correctement, même si on peut certainement trouver mieux.
Au sujet de ce que tu écris, si la ligne 4 ne marchait pas, il n'y aurait pas de changement d'image...!
Quand à la 3, elle actualise la valeur numérique de l'array d'URL en fonction de celle de l'image.

Commentaire de passionnails le 19/10/2006 22:12:28

Bonjour,

suis très débutante mais j'ai réussi a instaler ce diapo...génial...

juste une petite question...je trouve que certaines de mes photos sont légèrement déforméess...soit trop étirées soit pas assez...c'est du a quoi???,

encore mille merci.....

Commentaire de Deny le 23/10/2006 16:45:33

Bonjour,

Pour tes photos, Passionnails, c'est dû au fait que le script est prévu pour afficher des images d'une taille identique. C'est dommage.
Il est paramétre dans le script par les 40% en width et height dans le lien href sur image tout en bas :
.........nebuleuseducone.jpg" style="border:0px; width:40%; height:40%;"
Soit 40% de l'écran dans les deux sens.

Ton message m'a donné envie de remédier à ça et comme j'ai le temps en ce moment je corrige quelques éléments, certains signalés plus haut( affichage numéros des images et des noms )
Egalement un compatibilité Fixfox et Opera.
L'ensemble peut prendre 2 ou 3 jours.

à +

Commentaire de passionnails le 23/10/2006 17:40:34

ahhhh c'est super ça....vite vite dans 2 ou 3 jours.....

Commentaire de Mistinguette de Bxl le 22/02/2007 14:25:48

Bonjour,

Grand merci pour ce script.
J'ai juste un petit souci : je souhaite créer un newsletter, donc, une simple page html qui sera envoyée par mail. Pour le moment, la société dans laquelle je travaille n'a pas de site Internet (il paraît que ça va venir...). Je ne peux donc pas stocker mes images dans un répertoire sur le serveur web ou dans le répertoire du site.
Comment faire donc pour utiliser ce diaporama avec des liens dans une page seule qui sera envoyée par mail ?

Merci à tous pour votre réponse.

Commentaire de yassinee1234 le 22/06/2007 04:47:18

merci

Commentaire de jfkuc le 25/06/2007 17:37:40

Bonjour Deny,

tu avais raison, ce diaporama fonctionne très bien. J'ai juste le même soucis que Passionnails. J'ai des photos en format portrait et d'autres au format paysage.
Lorsque je fais :
.........nebuleuseducone.jpg" style="border:0px; width:40%;
height:40%;"
Ca marche super dans Mozilla firefox, ca ne marche pas dans IE :-((
Si je fais :
.........nebuleuseducone.jpg" style="border:0px; width:200; height:300;"
Ca marche sur Mozilla et IE par contre les photos format portraits sont écrasées.
Je n'ai pas encore trouvé le bon compromis sauf éviter de faire des photos au format portrait ;-))

Commentaire de vanpetegem89 le 16/11/2008 15:16:55

voila j'ai moi aussi utiliser ce diaporama fort interessant mais je n'arrive pas a l'intégrer a l'endroit voulu

http://www.cyclismactu.net/index.php

il me change l'image du header et non celui de la selection photo

malgres l'include

<div id="pictselect" class="box">
  <h2>Notre Sélection de photos</h2>
   <blockquote>
   <?php include('include/diaporama/test.php'); ?>
   </blockquote>
</div>

merci de votre aide

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

script de telechargement d'image ? [ par benoitquintard ] je cherche un script qui puisse faire ceci :quand je passe la sourie sur un lien de photo, je ve que une fenetre de telechargement s'ouvre, et me dema !!! Défi !!! recherche diaporama [ par tamtamdesign ] Bonjour,je suis nouvelle venue sur ce site (très intéressant).Voilà, je recherche un script pour mes pages album photos.Mais comme j'ai nombre d'image pour diaporama [ par bosto ] Bonjour,Je suis super débutant et surtout graphiste pas technicien. Ma question est peut etre tres simple mais je ne trouve pas de reponse sur le appel de fct javascript [ par ksaillard ] je souhaite faire un diaporama dans ma page html je fais appel à une focntion javacript qui est dans 'ejs_visionneuse_image.js' : exec_vignette(chemi Problème avec les caractères spéciaux ! [ par Ruffneck2045 ] Bonjour, j'ai créer un diaporama à l'aide de php & javascript et j'ai un petit problème.En cliquant sur une image du diaporama phototeque [ par guycnoel ] bonjour voici une page avec un code hyper simplifié qui affiche des petites photos (thumbs). quand on clique sur une de ces photos, une fen& Chargement et redimentionnement image [ par maxinfos ] Bonjour, je suis actuellement en train de faire une page web dans laquelle je met des photos de petites tailles et que lorsque l'on clique dessus, ouv Redimention image [ par maxinfos ] Bonjour, voilà, j'ai un petit soucis sur le redimentionnement d'une image en fonction de la résolution de l'écran.En fait, mon script f ne sais pas par où commencer! [ par unpeuperdu ] bonjour à tous, j'ai un problème que j'imagine de débutant mais je ne sais pas par où commencer pour le régler. c'est, je diaporama en html [ par CPoPo ] Bonjour, je cherche à créer un diaporama : quand on clic sur "image suivante", une nouvelle image se télécharge. Mias je ne trouve pas le code html à