begin process at 2010 02 10 01:38:35
  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 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 Fonction [ par scorpion077 ] Bonjour,l'objectif de la fonction suivante est de verifier que au moins un des 3 champ (sexe, region, age (de 'age1' à 'age2')) est rempli.Mon problèm probleme controle de saisie avec du javascript dans un formulaire html.php [ par suethi75 ] BonjourJe controle les champs obligatoires dans mon formulaire cependant cela ne marche pas.Voici mon code javascript: function verifForm(){  if (docu


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

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 : 0,546 sec (3)

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