Se connecter / S'enregistrer
Votre question

Diaporama photo

Tags :
  • Programmation
Dernière réponse : dans Programmation
10 Octobre 2007 12:07:59

Bonjour bonjour !
Je viens pour solliciter votre aide !
http://www.imago-michel.com/galerie/01/
voici une gallerie photo que j'aimerai réaliser sur mon site web
http://www.maxime-gallerie.fr/
Bien entendu pas dans les mêmes moindre détails mais le même principe ! Voila merci d'avance pour ceux qui voudront m'aider ! :) 

Autres pages sur : diaporama photo

10 Octobre 2007 13:34:00

Je connais un logiciel mais je sais plus comment ça s'appelle et c'est payant ...


Edit: Ce sont vraiment de tres jolies photos!
10 Octobre 2007 17:46:58

Pompe la source, et tu modifie à ta façon après...

C'est pas très élégant mais bon!
Contenus similaires
12 Octobre 2007 17:41:10

j'y avait pa pensé xD ! merci allstar
12 Octobre 2007 18:00:16

<html>
<head>
<title>Imago-Michel - Le site du photographe Michel LECOCQ</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-15">
<META NAME="Author" CONTENT="NICRONICS">
<META NAME="Description" lang="fr" CONTENT="ImagoMichel - le site du photographe amateur Michel LECOCQ">
<META NAME="Keywords" lang="fr" CONTENT="imago-michel, photographe, photographie, photo, galerie, exposition, nature, paysage, paysages, art, tirage, négatif, argentique, numérique">
<META NAME="ROBOTS" CONTENT="index,follow">
<META NAME="revisit-after" CONTENT="15 days">
<META NAME="Last-Modified" CONTENT="Fri, 12 Oct 2007 15:41:22 GMT">
<link rel="icon" href="/imago-icon.png" type="image/png">
<link rel="SHORTCUT ICON" href="/imago-icon.png" type="image/png">
<link rel="stylesheet" href="/style.css" type="text/css">
<script type="text/javascript">
<!--
function getElemById(eid) {
if(document.layer) { /* NS 4 */
return document[eid];
}
else if(document.all) { /* IE 4 */
return document.all[eid];
}
else { /* standard W3C */
return document.getElementById(eid);
}
}

function scrollfwd(en) {
if(en == 1) {
getElemById('scrollctl').direction = 'left';
getElemById('scrollctl').scrollAmount = 20;
}
else getElemById('scrollctl').scrollAmount = 5;
}

function scrollrew(en) {
if(en == 1) {
getElemById('scrollctl').direction = 'right';
getElemById('scrollctl').scrollAmount = 20;
}
else getElemById('scrollctl').scrollAmount = 5;
}


/* Multi Bannieres */
var bandeau_header = '<span style="color: #707070; font-size: 6pt;">PUB PARTENAIRE - PUB PARTENAIRE - PUB PARTENAIRE - PUB PARTENAIRE</span><br>';
var bandeaux = new Array(
'<a href="http://www.eophotos.com/" target="_blank"><img width="468" height="60" src="/pictures/eophotos.jpg" alt="EOPhoto" title="EOPhoto" style="margin: 0px;"></a>',
'<a href="http://www.espacephoto.com/" target="_blank"><img width="468" height="60" src="/pictures/espacephoto.gif" alt="EspacePhoto" title="EspacePhoto" style="margin: 0px;"></a>',
'<a href="http://www.dreamdivision.com/europhoto/" target="_blank"><img width="468" height="60" src="/pictures/europhoto.jpg" alt="EuroPhoto" title="EuroPhoto" style="margin: 0px;"></a>',
'<a href="http://www.itisphoto.com/" target="_blank"><img width="468" height="60" src="/pictures/itis1.jpg" alt="ItisPhoto" title="ItisPhoto" style="margin: 0px;"></a>',
'<a href="http://www.topphotos.net/" target="_blank"><img width="468" height="60" src="http://members.aol.com/elgallery/topphotos.gif" alt="The Web_s Top Nature & Landscape Photography Pages" title="The Web_s Top Nature & Landscape Photography Pages" style="margin: 0px;"></a>',
'<a href="http://www.photolinks.net/" target="_blank"><img width="468" height="60" src="http://www.photolinks.net/photolinksbanner_BW.gif" style="margin: 0px;"></a>',
'<a href="http://www.robrotgers.org/"><img width="468" height="60" src="/pictures/1RR_Banner.jpg" style="margin: 0px;"></a>',
'<a href="http://www.yourart.com/click.php?id=13268" TARGET=_top><img width="124" height="20" src="http://www.yourart.com/images/ya_icon.jpg?id=13268" alt="YourArt.com" title="YourArt.com" style="margin: 0px;"></a>',
'<a href="http://www.photographysites.com/cgi-bin/photosites/in.c..."><img width="468" height="60" src="http://www.photographysites.com/phsi-sml.gif" alt="PhotographySites" title="PhotographySites" style="margin: 0px;"></a>',
'<a href="http://www.naturephotographers.net/"><img width="468" height="60" src="/pictures/npfullban.gif" alt="Nature Photographers" title="Nature Photographers" style="margin: 0px;"></a>',
'<a href="http://www.populassite.com/"><img width="468" height="60" src="/pictures/populassite.jpg" alt="Populassite" title="Populassite" style="margin: 0px;"></a>',
'<a href="http://www.art-atlas.net/"><img width="468" height="60" src="/pictures/art-atlas01.jpg" alt="Art Atlas" title="Art Atlas" style="margin: 0px;"></a>'
);
var bandeauNum = Math.round((bandeaux.length-1)*Math.random()); /* commence aléatoirement */
/* preload images */
preban = new Array(bandeaux.length);
for(var i=0;i<bandeaux.length;i++) {
var banoffset = bandeaux.indexOf(" src=\"")+6;
var banend = bandeaux.indexOf("\" ", banoffset);
preban = new Image();
preban.src = bandeaux.substring(banoffset,banend);
}

function multibanniere(nban) {
if(bandeauNum == bandeaux.length-1) bandeauNum = 0;
else bandeauNum++;
if(isNaN(nban) || nban < 2) var nban = 1;
var disban = bandeaux.length/nban;

setTimeout("multibanniere("+nban+");",10000);
while(nban > 0) {
if(bandeauNum+disban*(nban-1)>bandeaux.length-1) banpos = bandeauNum+disban*(nban-1)-bandeaux.length;
else banpos = bandeauNum+disban*(nban-1);

if(document.layer) {
with(eval('document.layer["banniere'+(nban-1)+'"].document')) {
open();
write(bandeau_header + bandeaux[banpos]);
close();
}
}
else if(document.all) {
eval('document.all["banniere'+(nban-1)+'"].innerHTML = bandeau_header + bandeaux[banpos]');
}
else if(document.getElementById) {
eval('document.getElementById("banniere'+(nban-1)+'").innerHTML = bandeau_header + bandeaux[banpos]');
}
--nban;
}
}
//-->
</script>
</head>
<body>

<div id="maindiv">
<table id="mtab"><tr><td><img src="/photos/01-001.jpg" /></td></tr></table><div id="scrolldiv">
<div class="fa" id="fal0"></div>
<div class="fa" id="far0"></div>
<div class="fa" id="fal1"></div>
<div class="fa" id="far1"></div>
<div class="fa" id="fal2"></div>
<div class="fa" id="far2"></div>
<a id="la" class="ascroll" href="javascript:void()" onMouseover="scrollrew(1);" onMouseout="scrollrew(0);">«</a>
<a id="ra" class="ascroll" href="javascript:void()" onMouseover="scrollfwd(1);" onMouseout="scrollfwd(0);">»</a>
<marquee id="scrollctl" onMouseOver="this.stop();" onMouseOut="this.start();">
<a href="/galerie/01/photo/001/"><img class="mini" src="/photo.php?filename=./photos/01-001.jpg&dimax=60&format=1" alt="photo 01-001.jpg" title="photo 01-001.jpg" /></a>
<a href="/galerie/01/photo/002/"><img class="mini" src="/photo.php?filename=./photos/01-002.jpg&dimax=60&format=1" alt="photo 01-002.jpg" title="photo 01-002.jpg" /></a>
<a href="/galerie/01/photo/003/"><img class="mini" src="/photo.php?filename=./photos/01-003.jpg&dimax=60&format=1" alt="photo 01-003.jpg" title="photo 01-003.jpg" /></a>
<a href="/galerie/01/photo/004/"><img class="mini" src="/photo.php?filename=./photos/01-004.jpg&dimax=60&format=1" alt="photo 01-004.jpg" title="photo 01-004.jpg" /></a>
<a href="/galerie/01/photo/005/"><img class="mini" src="/photo.php?filename=./photos/01-005.jpg&dimax=60&format=1" alt="photo 01-005.jpg" title="photo 01-005.jpg" /></a>
<a href="/galerie/01/photo/006/"><img class="mini" src="/photo.php?filename=./photos/01-006.jpg&dimax=60&format=1" alt="photo 01-006.jpg" title="photo 01-006.jpg" /></a>
<a href="/galerie/01/photo/007/"><img class="mini" src="/photo.php?filename=./photos/01-007.jpg&dimax=60&format=1" alt="photo 01-007.jpg" title="photo 01-007.jpg" /></a>
<a href="/galerie/01/photo/008/"><img class="mini" src="/photo.php?filename=./photos/01-008.jpg&dimax=60&format=1" alt="photo 01-008.jpg" title="photo 01-008.jpg" /></a>
<a href="/galerie/01/photo/009/"><img class="mini" src="/photo.php?filename=./photos/01-009.jpg&dimax=60&format=1" alt="photo 01-009.jpg" title="photo 01-009.jpg" /></a>
<a href="/galerie/01/photo/010/"><img class="mini" src="/photo.php?filename=./photos/01-010.jpg&dimax=60&format=1" alt="photo 01-010.jpg" title="photo 01-010.jpg" /></a>
<a href="/galerie/01/photo/011/"><img class="mini" src="/photo.php?filename=./photos/01-011.jpg&dimax=60&format=1" alt="photo 01-011.jpg" title="photo 01-011.jpg" /></a>
<a href="/galerie/01/photo/012/"><img class="mini" src="/photo.php?filename=./photos/01-012.jpg&dimax=60&format=1" alt="photo 01-012.jpg" title="photo 01-012.jpg" /></a>
<a href="/galerie/01/photo/013/"><img class="mini" src="/photo.php?filename=./photos/01-013.jpg&dimax=60&format=1" alt="photo 01-013.jpg" title="photo 01-013.jpg" /></a>
<a href="/galerie/01/photo/014/"><img class="mini" src="/photo.php?filename=./photos/01-014.jpg&dimax=60&format=1" alt="photo 01-014.jpg" title="photo 01-014.jpg" /></a>
<a href="/galerie/01/photo/015/"><img class="mini" src="/photo.php?filename=./photos/01-015.jpg&dimax=60&format=1" alt="photo 01-015.jpg" title="photo 01-015.jpg" /></a>
<a href="/galerie/01/photo/016/"><img class="mini" src="/photo.php?filename=./photos/01-016.jpg&dimax=60&format=1" alt="photo 01-016.jpg" title="photo 01-016.jpg" /></a>
<a href="/galerie/01/photo/017/"><img class="mini" src="/photo.php?filename=./photos/01-017.jpg&dimax=60&format=1" alt="photo 01-017.jpg" title="photo 01-017.jpg" /></a>
<a href="/galerie/01/photo/018/"><img class="mini" src="/photo.php?filename=./photos/01-018.jpg&dimax=60&format=1" alt="photo 01-018.jpg" title="photo 01-018.jpg" /></a>
<a href="/galerie/01/photo/019/"><img class="mini" src="/photo.php?filename=./photos/01-019.jpg&dimax=60&format=1" alt="photo 01-019.jpg" title="photo 01-019.jpg" /></a>
<a href="/galerie/01/photo/020/"><img class="mini" src="/photo.php?filename=./photos/01-020.jpg&dimax=60&format=1" alt="photo 01-020.jpg" title="photo 01-020.jpg" /></a>
<a href="/galerie/01/photo/021/"><img class="mini" src="/photo.php?filename=./photos/01-021.jpg&dimax=60&format=1" alt="photo 01-021.jpg" title="photo 01-021.jpg" /></a>
<a href="/galerie/01/photo/022/"><img class="mini" src="/photo.php?filename=./photos/01-022.jpg&dimax=60&format=1" alt="photo 01-022.jpg" title="photo 01-022.jpg" /></a>
<a href="/galerie/01/photo/023/"><img class="mini" src="/photo.php?filename=./photos/01-023.jpg&dimax=60&format=1" alt="photo 01-023.jpg" title="photo 01-023.jpg" /></a>
<a href="/galerie/01/photo/024/"><img class="mini" src="/photo.php?filename=./photos/01-024.jpg&dimax=60&format=1" alt="photo 01-024.jpg" title="photo 01-024.jpg" /></a>
<a href="/galerie/01/photo/025/"><img class="mini" src="/photo.php?filename=./photos/01-025.jpg&dimax=60&format=1" alt="photo 01-025.jpg" title="photo 01-025.jpg" /></a>
<a href="/galerie/01/photo/026/"><img class="mini" src="/photo.php?filename=./photos/01-026.jpg&dimax=60&format=1" alt="photo 01-026.jpg" title="photo 01-026.jpg" /></a>
<a href="/galerie/01/photo/027/"><img class="mini" src="/photo.php?filename=./photos/01-027.jpg&dimax=60&format=1" alt="photo 01-027.jpg" title="photo 01-027.jpg" /></a>
<a href="/galerie/01/photo/028/"><img class="mini" src="/photo.php?filename=./photos/01-028.jpg&dimax=60&format=1" alt="photo 01-028.jpg" title="photo 01-028.jpg" /></a>
<a href="/galerie/01/photo/029/"><img class="mini" src="/photo.php?filename=./photos/01-029.jpg&dimax=60&format=1" alt="photo 01-029.jpg" title="photo 01-029.jpg" /></a>
<a href="/galerie/01/photo/030/"><img class="mini" src="/photo.php?filename=./photos/01-030.jpg&dimax=60&format=1" alt="photo 01-030.jpg" title="photo 01-030.jpg" /></a>
<a href="/galerie/01/photo/031/"><img class="mini" src="/photo.php?filename=./photos/01-031.jpg&dimax=60&format=1" alt="photo 01-031.jpg" title="photo 01-031.jpg" /></a>
<a href="/galerie/01/photo/032/"><img class="mini" src="/photo.php?filename=./photos/01-032.jpg&dimax=60&format=1" alt="photo 01-032.jpg" title="photo 01-032.jpg" /></a>
<a href="/galerie/01/photo/033/"><img class="mini" src="/photo.php?filename=./photos/01-033.jpg&dimax=60&format=1" alt="photo 01-033.jpg" title="photo 01-033.jpg" /></a>
<a href="/galerie/01/photo/034/"><img class="mini" src="/photo.php?filename=./photos/01-034.jpg&dimax=60&format=1" alt="photo 01-034.jpg" title="photo 01-034.jpg" /></a>
<a href="/galerie/01/photo/035/"><img class="mini" src="/photo.php?filename=./photos/01-035.jpg&dimax=60&format=1" alt="photo 01-035.jpg" title="photo 01-035.jpg" /></a>
<a href="/galerie/01/photo/036/"><img class="mini" src="/photo.php?filename=./photos/01-036.jpg&dimax=60&format=1" alt="photo 01-036.jpg" title="photo 01-036.jpg" /></a>
<a href="/galerie/01/photo/037/"><img class="mini" src="/photo.php?filename=./photos/01-037.jpg&dimax=60&format=1" alt="photo 01-037.jpg" title="photo 01-037.jpg" /></a>
<a href="/galerie/01/photo/038/"><img class="mini" src="/photo.php?filename=./photos/01-038.jpg&dimax=60&format=1" alt="photo 01-038.jpg" title="photo 01-038.jpg" /></a>
<a href="/galerie/01/photo/039/"><img class="mini" src="/photo.php?filename=./photos/01-039.jpg&dimax=60&format=1" alt="photo 01-039.jpg" title="photo 01-039.jpg" /></a>
<a href="/galerie/01/photo/040/"><img class="mini" src="/photo.php?filename=./photos/01-040.jpg&dimax=60&format=1" alt="photo 01-040.jpg" title="photo 01-040.jpg" /></a>
<a href="/galerie/01/photo/041/"><img class="mini" src="/photo.php?filename=./photos/01-041.jpg&dimax=60&format=1" alt="photo 01-041.jpg" title="photo 01-041.jpg" /></a>
<a href="/galerie/01/photo/042/"><img class="mini" src="/photo.php?filename=./photos/01-042.jpg&dimax=60&format=1" alt="photo 01-042.jpg" title="photo 01-042.jpg" /></a>
<a href="/galerie/01/photo/043/"><img class="mini" src="/photo.php?filename=./photos/01-043.jpg&dimax=60&format=1" alt="photo 01-043.jpg" title="photo 01-043.jpg" /></a>
<a href="/galerie/01/photo/044/"><img class="mini" src="/photo.php?filename=./photos/01-044.jpg&dimax=60&format=1" alt="photo 01-044.jpg" title="photo 01-044.jpg" /></a>
<a href="/galerie/01/photo/045/"><img class="mini" src="/photo.php?filename=./photos/01-045.jpg&dimax=60&format=1" alt="photo 01-045.jpg" title="photo 01-045.jpg" /></a>
<a href="/galerie/01/photo/046/"><img class="mini" src="/photo.php?filename=./photos/01-046.jpg&dimax=60&format=1" alt="photo 01-046.jpg" title="photo 01-046.jpg" /></a>
<a href="/galerie/01/photo/047/"><img class="mini" src="/photo.php?filename=./photos/01-047.jpg&dimax=60&format=1" alt="photo 01-047.jpg" title="photo 01-047.jpg" /></a>
<a href="/galerie/01/photo/048/"><img class="mini" src="/photo.php?filename=./photos/01-048.jpg&dimax=60&format=1" alt="photo 01-048.jpg" title="photo 01-048.jpg" /></a>
<a href="/galerie/01/photo/049/"><img class="mini" src="/photo.php?filename=./photos/01-049.jpg&dimax=60&format=1" alt="photo 01-049.jpg" title="photo 01-049.jpg" /></a>
<a href="/galerie/01/photo/050/"><img class="mini" src="/photo.php?filename=./photos/01-050.jpg&dimax=60&format=1" alt="photo 01-050.jpg" title="photo 01-050.jpg" /></a>
<a href="/galerie/01/photo/051/"><img class="mini" src="/photo.php?filename=./photos/01-051.jpg&dimax=60&format=1" alt="photo 01-051.jpg" title="photo 01-051.jpg" /></a>
<a href="/galerie/01/photo/052/"><img class="mini" src="/photo.php?filename=./photos/01-052.jpg&dimax=60&format=1" alt="photo 01-052.jpg" title="photo 01-052.jpg" /></a>
<a href="/galerie/01/photo/053/"><img class="mini" src="/photo.php?filename=./photos/01-053.jpg&dimax=60&format=1" alt="photo 01-053.jpg" title="photo 01-053.jpg" /></a>
<a href="/galerie/01/photo/054/"><img class="mini" src="/photo.php?filename=./photos/01-054.jpg&dimax=60&format=1" alt="photo 01-054.jpg" title="photo 01-054.jpg" /></a>
<a href="/galerie/01/photo/055/"><img class="mini" src="/photo.php?filename=./photos/01-055.jpg&dimax=60&format=1" alt="photo 01-055.jpg" title="photo 01-055.jpg" /></a>
</marquee>
</div>
</div>
<div id="menudiv">
<center>
</center>
</div>

<!-- compteur -->
<img src="./ncounter/ncounter.php?mode=hidden" style="visibility: hidden; position: absolute;">
<!-- /compteur -->

</body>
</html>


Oula ! xD j'ai coller sur une page ca donne ca : http://www.maxime-gallerie.fr/essai.html
Bon après faut que j'organise tout ca mais la j'ai du mal à comprendre comment déplacer les flèches et tout ! lol
12 Octobre 2007 18:03:35

<link rel="stylesheet" href="/style.css" type="text/css">

Pompe le css aussi!
12 Octobre 2007 18:07:03

comment ca?
12 Octobre 2007 18:13:19

tu entre l'adresse du site et la fin tu met /style.css
12 Octobre 2007 18:31:51

ok merciii =)
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS