script visioneuse parametrage

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : script visioneuse parametrage

soud

Bjr,

j'ai essayé d'installer un script qui fait un visioneuse sur ma page, c'est parfait, toutefois je ne vois pas dans le script comment centrer horizontalement et descendre cette visioneuse ou bon me semble. n petit coup de main serait aimable. merci

Publicité

Bidem

Si ta visionneuse est dans un <div> tu peux la déplacer où tu veux via les attributs CSS du div

soud

pfff jai oublié le script:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title></title>

<SCRIPT LANGUAGE="JavaScript">
var rotate_delay = 5000;
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop" ) ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop" ) {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>

<form name=slideform>
</head>

<body background="images/fond%20logo%20final%20test.jpg">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<blockquote>
<SCRIPT LANGUAGE="JavaScript" SRC="ejs_menu_dyn.js"></SCRIPT>
</form>
<p> </p>
<p> </p>
</blockquote>
<table cellspacing=1 cellpadding=4 bgcolor="#c79938" height="320">
<tr>
<td align=center bgcolor="#c79938" height="21">
<u><b><font color="#000000">Centre de visionnage</font></b></u>
</td>
</tr>
<tr>
<td align=center bgcolor="#c79938" width=200 height=190>
<p align="center">
<img src="images/devise.jpg" name="show">
</p>
</td>
</tr>
<tr>
<td align=center bgcolor="#c79938" height="25">
<select name="slide" onChange="change();">
<option value="images/devise.jpg" selected>Notre devise
<option value="images/produits1.jpg">image1
<option value="images/produits2.jpg">image2
<option value="images/produits3.jpg">image3
<option value="images/produits4.jpg">image4
<option value="images/produits5.jpg">image5
<option value="images/produits6.jpg">image6
<option value="images/produits7.jpg">image7

</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#c79938" height="44">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</body>

</html>

soud

je ne vois pas de visioneuse dans <div>
une astuce svp? parce que ca reste en haut et c'est po beau ...

FlorentG

Unité de Masse

Tiens, voilà la solution, t'as juste à rajouter ton script :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Visionneuse</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
html, body {
height: 100%;
margin: 0px;
padding: 0px;
width: 100%;
}
#visionneuse {
background-color: #c79938;
height: 320px;
left: 50%;
margin: -160px 0px 0px -110px;
position: absolute;
text-align: center;
top: 50%;
width: 220px;
}
h1 {
font-family: "Times New Roman", sans-serif;
font-size: 15px;
margin-top: 10px;
text-decoration: underline;
}
#image {
height: 190px;
line-height: 190px;
margin: 0px auto;
width: 200px;
}
#slideform select {
display: block;
margin: 10px auto;
}
</style>
</head>
<body>
<div id="visionneuse">
<h1>Centre de Visionnage</h1>
<div id="image"><img src="images/devise.jpg" id="show" alt="" /></div>
<form id="slideform" action="#">
<div>
<select id="slide" onchange="change();">
<option value="images/devise.jpg" selected="selected">Notre devise</option>
<option value="images/produits1.jpg">image1</option>
<option value="images/produits2.jpg">image2</option>
<option value="images/produits3.jpg">image3</option>
<option value="images/produits4.jpg">image4</option>
<option value="images/produits5.jpg">image5</option>
<option value="images/produits6.jpg">image6</option>
<option value="images/produits7.jpg">image7</option>
</select>
<input type="button" onclick="first();" value="|<<" title="Beginning" />
<input type="button" onclick="previous();" value="<<" title="Previous" />
<input type="button" id="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay" />
<input type="button" onclick="next();" value=">>" title="Next" />
<input type="button" onclick="last();" value=">>|" title="End" />
</div>
</form>
</div>
</body>
</html>

Message édité par FlorentG le 15-12-2004 à 14:06:13

soud

merci florent. le tout est que j'essaie de comprendre et pas betement copié collé ....

soud

j'ai une erreur de script en testant ton code florent

FlorentG

Unité de Masse

Peut-être quand j'ai modifié, les 'name' en les remplaçant par des id. Je regarde vite-fait et je t'envoi le truc final

soud

super

FlorentG

Unité de Masse

Voilà le truc (désolé pour la longueur). Y'aurai moyen d'optimiser, mais là ch'uis au boulot, donc ça l'fait pas

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Visionneuse</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
html, body {
height: 100%;
margin: 0px;
padding: 0px;
width: 100%;
}
#visionneuse {
background-color: #c79938;
height: 320px;
left: 50%;
margin: -160px 0px 0px -110px;
position: absolute;
text-align: center;
top: 50%;
width: 220px;
}
h1 {
font-family: "Times New Roman", sans-serif;
font-size: 15px;
margin-top: 10px;
text-decoration: underline;
}
#image {
height: 190px;
line-height: 190px;
margin: 0px auto;
width: 200px;
}
#slideform select {
display: block;
margin: 10px auto;
}
</style>
<script type="text/javascript">
<!--
var rotate_delay = 5000;
var current = 0;
var slide;
function next() {
if (slide[current+1]) {
setSlide(current+1);
slide.selectedIndex = ++current;
} else first();
}
function previous() {
if (current-1 >= 0) {
setSlide(current-1);
slide.selectedIndex = --current;
} else last();
}
function first() {
current = 0;
setSlide(0);
slide.selectedIndex = 0;
}
function last() {
current = slide.length-1;
setSlide(current);
slide.selectedIndex = current;
}
function ap(text) {
document.getElementById('slidebutton').value = (text == "Stop" ) ? "Start" : "Stop";
rotate();
}
function change() {
current = slide.selectedIndex;
setSlide(current);
}
function rotate() {
if (document.getElementById('slidebutton').value == "Stop" ) {
current = (current == slide.length-1) ? 0 : current+1;
setSlide(current);
slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
function setSlide(index) {
document.images.show.src = slide[index].value;
}
// End -->
</script>
</head>
<body>
<div id="visionneuse">
<h1>Centre de Visionnage</h1>
<div id="image"><img src="images/devise.jpg" id="show" alt="" /></div>
<form id="slideform" action="#">
<div>
<select id="slide" onchange="javascript:change();">
<option value="images/devise.jpg" selected="selected">Notre devise</option>
<option value="images/produits1.jpg">image1</option>
<option value="images/produits2.jpg">image2</option>
<option value="images/produits3.jpg">image3</option>
<option value="images/produits4.jpg">image4</option>
<option value="images/produits5.jpg">image5</option>
<option value="images/produits6.jpg">image6</option>
<option value="images/produits7.jpg">image7</option>
</select>
<input type="button" onclick="first();" value="|<<" title="Beginning" />
<input type="button" onclick="previous();" value="<<" title="Previous" />
<input type="button" id="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay" />
<input type="button" onclick="next();" value=">>" title="Next" />
<input type="button" onclick="last();" value=">>|" title="End" />
</div>
<script type="text/javascript">
slide = document.getElementById('slide');
</script>
</form>
</div>
</body>
</html>

Publicité

soud

genial ton aide florent, merci encore !

FORUM HardWare.fr

Programmation

HTML/CSS

script visioneuse parametrage

Sujets relatifs
problème avec le script leechi	macro pour excel, parametrage auto de graphique
script photo : difficile à expliquer (dsl pour le titre)	toujours ptit probleme de script
script pour code source inaccessible	probleme de script
[RESOLU]encore un probleme de script!	[RESOLU] probleme de script d'upload.
Script ms dos -> .bat !!! Besoin d'aide SVP !!	Je voudrais créer un script mais je suis super débutant !
Plus de sujets relatifs à : script visioneuse parametrage

Page générée en 0.066 secondes