begin process at 2012 02 13 19:21:32
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Trucs & Astuces

 > 

diaporama de photos de taille différentes


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

diaporama de photos de taille différentes

mercredi 7 décembre 2005 à 10:00:34 | diaporama de photos de taille différentes

upyboobs

Bonjour,

j'ai trouvé un code pour une diaporama de photo sur le site [ Lien ].
J'aimerais savoir s'il est possible d'insérer une fonction permettant au diaporama de s'adapter à la taille de la photo affichée. En effet, à l'heure actuelle, les photos n'ayant pas la meme taille que celle définie par le diaporama sont déformées.
Merci d'avance pour votre aide.

Voici le code :

<!-- DEBUT DU SCRIPT DIAPORAMA-->
<script
LANGUAGE="JavaScript">
var current = 0;

function next(){ // forward one image
if(document.formname.slide[current+1]){
document.images.show.src = document.formname.slide[current+1].value;
document.formname.slide.selectedIndex = ++current;}
else{first();}}

function previous(){ // back on image
if((current-1) >= 0){
document.images.show.src = document.formname.slide[current-1].value;
document.formname.slide.selectedIndex= --current;}
else{last();}}

function first(){ // jump to first image
current=0;
document.images.show.src = document.formname.slide[0].value;
document.formname.slide.selectedIndex=0;}

function last(){ // this is jump to last image
current=(document.formname.slide.length-1);
document.images.show.src = document.formname.slide[current].value;
document.formname.slide.selectedIndex=current;}

function ap(text){ // this controls the auto-play and/or auto-stop
document.formname.slidebutton.value=(text == "Stop") ? "Start" : "Stop";
rotate();}

function change(){ // this is for the pulldown menu
current=document.formname.slide.selectedIndex;
document.images.show.src = document.formname.slide[current].value;}

function rotate() {
if (document.formname.slidebutton.value == "Stop") {
current = (current == document.formname.slide.length-1) ? 0 : current+1;
document.images.show.src = document.formname.slide[current].value;
document.formname.slide.selectedIndex = current;
window.setTimeout("rotate()", 5000);}}
// End --></script> </p>

<form name="formname">
<div align="center"><center><table cellspacing="1" cellpadding="4" bgcolor="#000000">
<tr>
<td align="center" bgcolor="white"><b>DIAPORAMA</b> </td>
</tr>
<tr>
<td align="center" bgcolor="white" width="200" height="150"><img
src="IMAGE_1.gif" name="show" WIDTH="170" HEIGHT="202"></td>
</tr>
<tr>
<td align="center" bgcolor="#C0C0C0"><select name="slide" onChange="change();" size="1">
<option value="IMAGE_1.gif" selected>VOTRE COMMENTAIRE 1</option>
<option value="IMAGE_2.jpg">VOTRE COMMENTAIRE 2</option>
<option value="IMAGE_3.jpg">VOTRE COMMENTAIRE 3</option>
</select> </td>
</tr>
<tr>
<td align="center" bgcolor="#C0C0C0"><input type="button" onclick="first();"
value="|&lt;&lt;" title="Jump to beginning" style="border:1 SOLID #e6e6e6;"> <input
type="button" onclick="previous();" value="&lt;&lt;" title="Last Picture"
style="border:1 SOLID #e6e6e6;"> <input type="button" name="slidebutton"
onClick="ap(this.value);" value="Start" title="AutoPlay"
style="width:75;border:1 SOLID #e6e6e6;"> <input type="button" onclick="next();"
value="&gt;&gt;" title="Next Picture" style="border:1 SOLID #e6e6e6;"> <input
type="button" onclick="last();" value="&gt;&gt;|" title="Jump to end"
style="border:1 SOLID #e6e6e6;"> </td>
</tr>
</table>
</center></div>
</form>
<!-- FIN DU SCRIPT DIAPORAMA-->
samedi 10 décembre 2005 à 00:30:42 | Re : diaporama de photos de taille différentes

upyboobs

Re bonjour,

si le probleme n'est pas un probleme de java ou n'est pas solvable, serait ce possible de le savoir ?

merci



Cette discussion est classée dans : document, value, formname, current, slide


Répondre à ce message

Sujets en rapport avec ce message

diaporama complet si l'on ajoute des liens sur les images [ par oreglia ] bonjourdans cet excellent diaporama ci dessous à défilement manuel ou automatique (ce qui est rare à trouver dans les scripts du web)(de http://www.to diaporama en javascript et html [ par leaemile ] Bonjour, Je me suis créé un petit code en javascript afin d'intégrer un diaporama dans une page html. Il fonctionne à merveille en "intranet" c'est à convertisseur [ par doublemetre ] Bonjour, Je cherche à faire un convertisseur de bien immobilier mais ca ne fonctionne pas. Pouvez-vous me dire ce qui cloche ? Je cherche aussi à a images cliquables dans diaporama [ par fcomba ] Bonjour, Je voudrais que chaque image de mon diaporama corresponde à un lien vers une page html ou une pop up. Quelqu'un pourrait-il m'aider? Voici l Conflit entre 2 code javascript [ par leclanalucky ] salut, voici mon code javascript pour visionner des image, le problème est que du moment que j'inclut une 2e visionneuse plus rien ne marche, il y a u liens sur différentes images dans script visionneuse [ par mikymaxxx ] bonjour à tous, qui pourrait m'aider, svp à trouver comment je peux faire pour mettre un liens sur chaques images différentes dans le formulaire et sc formulaire js [ par scaryface ] bonjour dans le cadre de ma formation on ma demandé de crée un formulaire en jsp qui contien deux champ (nom é email) é un bouton pr valider sachan qu Que pensez de mon formulaire. Petits soucis lors de l'envoie [ par chaudlesmarrons ] Voilà mon soucis, le bouton envois ne marche, dnc je reçois rien.Si quelqu'un peut m'aider? (je suis débutant)Mon code :<script type="text/javascrip envois de formulaire ajax [ par Annadrill ] bonjour,voilà, j'aimerais modifier la fonction que je vous mets la dessous, de manière a pouvoir l'utiliser avec n'importe quel formulaire, en précisa Champ inactif [ par nicoferra ] Bonjour,je chercher à rendre un champ inactif (initial_compo2) mais cela ne fonctionne pas.Merciwindow.onload=function desactive(){document.getElement


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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 : 8,299 sec (4)

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