begin process at 2010 08 01 01:40:59
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Graphique

 > DIAPORAMA D'IMAGES AVEC LIENS

DIAPORAMA D'IMAGES AVEC LIENS


 Information sur la source

Note :
6,8 / 10 - par 5 personnes
6,80 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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 :60 820

Auteur : Deny

Ecrire un message privé
Commentaire sur cette source (17)
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];
  • }
  • <!---//------ 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>
<!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
Source avec Zip 96 SITES RÉPERTORIÉS : HTML, CSS, DHTML, JAVA, JAVASCRIPT, P...
BROWSER SNIFFER (RENIFLEUR)
Source avec Zip DHTML SCROLLTOP

 Sources de la même categorie

Source avec Zip Source avec une capture LIBRAIRIE DE GESTION DES COULEURS POUR CSS : COLORPARSER par ryosama
Source avec Zip Source avec une capture PLUGIN JQUERY : PROGRESS BAR par ryosama
DESSINER DES POLYGONES AVEC LA SOURIS par sebcap26
Source avec Zip Source avec une capture FAIRE DEFILER DES IMAGE A LA MOLETTE OU SOURIS par kazma
Source avec Zip Source avec une capture STOCK/FOREX CANDLE CHART USING CANVAS API par BlackWizzard

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture FAIRE DEFILER DES IMAGE A LA MOLETTE OU SOURIS par kazma
Source avec Zip Source avec une capture DEFILEMENT D'IMAGE PAR TABLEAU par kazma
Source avec Zip Source avec une capture DIAPO EN FONDU ENCHAINE par kazma
Source avec Zip Source avec une capture DIAPORAMA PLEIN ÉCRAN LSD.SPLASH : AFFICHAGE DE PHOTOS EN PL... par lsdteam
Source avec Zip Source avec une capture 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&eacute;lection de photos</h2>
   <blockquote>
   <?php include('include/diaporama/test.php'); ?>
   </blockquote>
</div>

merci de votre aide

Commentaire de assistant55 le 21/02/2009 16:50:45 10/10

vos diapo sont tres belles sauf que j'ai essayé de les insérer dans une balise div mais ca ne marche pas
pouvez vous m'apporter de l'aide.
merci d'avance.

Commentaire de johanCS2g le 11/02/2010 18:03:18

Bonjour, Bravo pour le travail !

J'ai cependant un soucis ... soit je suis aveugle, soit j'en sais rien .. mais je ne vois pas le lien pour voir la démo, ni celui pour télécharger le script ...

donc si c'était possible d'avoir au moins la démo svp !

Merci.

 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&#232;s int&#233;ressant).Voil&#224;, 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&#233;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&#233;er un diaporama &#224; l'aide&nbsp;de php &amp; javascript et j'ai un petit probl&#232;me.En cliquant sur une image du diaporama phototeque [ par guycnoel ] bonjour voici une page&nbsp;avec un code hyper simplifi&#233; 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&#224;, j'ai un petit soucis sur le redimentionnement d'une image en fonction de la r&#233;solution de l'&#233;cran.En fait, mon script f ne sais pas par où commencer! [ par unpeuperdu ] bonjour &#224; tous, j'ai un probl&#232;me que j'imagine de d&#233;butant mais je ne sais pas par o&#249; commencer pour le r&#233;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 à


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Août 2010
LMMJVSD
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,014 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales