|
|
Auteur
|
Message
|
1
|
|
|
|
Je souhaiterais aligner des images cliquables (pour agrandissement) et du texte (liens) verticalement dans un cas et horizontalement dans un autre. A chaque extrémité de ces blocks, j’ai une flèche qui permettrait on mouse over de faire circuler en haut ou en bas les images (pour le vertical) et à droite ou à gauche (pour l’horizontal). Ce serait beaucoup plus joli que d’avoir un ascenseur, je pense.
Mon problème est que je n’ai absolument aucune idée comment réaliser cela, ni comment commencer. A vrai dire, je ne sais même pas comment poser la question sur un moteur de recherche. Bref, j’ai vraiment besoin d’aide sur ce sujet ! Si vous pouviez me donner un coup de main, ce serait très sympa…
TOONIE
|
|
|
|
|
Bonjour,
Personnellement,je ne pas très bien compris le sujet. Si tu pouvais nous donner un exemple avec du code, ça irais beaucoup mieux.
Visiblement, tu recherche des renseignement sur les scroller (ascenseur) mais dans une zone défini. Pour cela, utilise le css et ses propriété.
-------
![[:jandre:1]](/data/globaldata/usmilies/jandre-1.gif "[:jandre:1]") Il faut mieux en mettre plus que moins ![[:KiWin:1]](/data/globaldata/usmilies/kiwin-1.gif "[:KiWin:1]")
|
|
|
|
|
Bonjour,
Je ne veux pas de scrollbar. Ce que je voudrais faire ressemble à cela:
<- image01 image02 imag... ->
Quand on irait sur la flèche de droite on aurait donc par exemple :
<- ge02 image03 image04 ... -> (les images défilent vers la gauche pour voir ce qu'il y a à droite)
Et idem pour le vertical.
J'espère avoi été plus limpide dans la présentation
,-)
Toonie
|
|
|
|
|
Oui, je comprends mieux, dans se cas, il faut que tu spécifique dans le css que les scrollbar doivent etre désactivée (de tête scrollbar:no; ou none)
Ensuite, il faut chercher si il existe pas un code javascipt pour faire se que tu veus. Pour cela utilise google ou sur le site de "l'éditeur de javascript".
Si tu as des difficultés dit le et on regarderas plus ensemble. 
-------
Il faut mieux en mettre plus que moins
|
|
|
|
|
Bonsoir Ornite,
Je suis tombé sur un code javascript qui se rapproche de mon sujet; je me plonge dedans et je reviens poser mes soucis.
En atendant,
<merci>pour ta présence</merci>
TOONIE
|
|
|
|
|
ok, bon travail.
-------
Il faut mieux en mettre plus que moins
|
|
|
|
|
Bonjour,
J’ai trouvé ce script, et j’ai quelques soucis avec la personnalisation du code. Je donne le code puis j’expose mes difficultés :
1- le code :
<script type="text/javascript" language="JavaScript">
var Timer;
var Pas = 3; // vitesse défilement texte
var Img = 1; // le numéro de l'image à afficher
var End = 7; // le numéro de ma dernière image
var H_Fenetre = -1;
var H_Bandeau;
//----------------------
function moveLayer(Sens){
var Obj;
if( H_Fenetre < 0){
//-- Recup hauteur objet defilant
Obj = document.getElementById( "Contenu");
H_Bandeau = Obj.offsetHeight;
//-- Recup hauteur zone de defilement
Obj = document.getElementById( "Support");
H_Fenetre = Obj.offsetHeight;
}
//-- Recup Objet
if(document.getElementById)
Obj = document.getElementById("Contenu" );
else
Obj = document.all["Contenu"]; // Ne comprends pas à quoi ça sert, mais à la limite c’est pas important
//-- Recup Borne deplacement
var Min_Y = -(H_Bandeau -H_Fenetre);
var Pos_Y = parseInt(Obj.style.top) + (Pas*Sens); // prochaine position du DIV
//-- Test des positions
if( Pos_Y > 0){
Obj.style.top = "0px"; // Place a zero
}
else{
if( Pos_Y < Min_Y)
Obj.style.top = Min_Y +"px"; // Place en position Haute mini
else{
//-- Deplacement autorise on deplace
Obj.style.top = Pos_Y + "px";
//-- et on y retourne
Timer = setTimeout("moveLayer(" + Sens + " );", 50);
}
}
}
</script>
2- Premier souci : ça ne marche pas (tout est comme si j n’avais rien modifié). J’ai mis le javascript dans le <head>, tel que présenté. Ensuite, j’ai mis le div là où je voulais les images dans le cadre, de cette façon :
<td width="50%" align="left" valign="top">
<blockquote>
<div id="Contenu">
<div align="center"><img src="repertoire/image_01.jpg" border="0" /></div>
<div align="center"><img src="repertoire/image_02.jpg" border="0" /></div>
<div align="center"><img src="repertoire/image_03.jpg" border="0" /></div>
etc.
<div align="center"><img src="repertoire/image_07.png" border="0" /></div>
</blockquote>
</div>
</td>
3- Second souci : Je ne comprends pas où il faut que je mette les images des flèches Vers_le_haut et Vers_le_bas, ni comment je les associe avec le javascript, car je suppose que mettre les flèches ne suffit pas et qu’il faut renseigner qu’avec on mouse over/out j’active le javascript.
Je reconnais que je n’y arrive pas vraiment…
Bonne journée,
TOONIE
|
|
|
|
|
Up... 
|
|
|
|
|
Effectivement, j'ai essayé ton script et j'ai pas réussi moi aussi.
Mais je trouvais ceci:
http://www.wikistuce.info/lib/exe/fetch.php/javascript/scroll.htm?id=javascri(...)
dis moi si c'est ça que tu cherches ?
-------
Il faut mieux en mettre plus que moins
|
|
|
|
|
Oh, écoute, c'est pas mal du tout...!
J'essaye de faire ma sauce avec ça, et je te communique le goût de l'ensemble !
Merci pour le lien
;-)
Toonie
|
|
|
|
|
Tient nous au courant et montre nous tes créations.
-------
Il faut mieux en mettre plus que moins
|
|
|
|
|
Salut ornite,
Merci pour ton aide utile ! 
Pour info : http://www.iwcc.fr/journal.html
Salut,
Toonie
|
|
|
|
|
C'est parfait.
-------
Il faut mieux en mettre plus que moins
|
|
|
1
|
