Fardeen GHULAM Making Social Games at Ludia

9Mar/075

Tutoriel Mootools 1.0 : Slider pour changer largeur interface

Comme promis voila le ptit tuto qui vous permettra d'avoir un slider comme celui que vous pouvez voir a droite et qui vous permet de controller la largeur de l'interface du site.

Pour une fois je vous ai meme fait un fichier à part pour vous montrer le resultat final du tutoriel qui ne contient que le strict nécessaire et que je vous laisse décortiquez par vous meme en regardant les sources. (bouton droit -> voir les sources)

Verifié avec IE6, IE7, Safari, Firefox et Opera. Nan j'deconne m'en fout d'Opera.

Si tu debutes dans Mootools, va plutot la avant sinon tu vas rien capter.

Comments (5) Trackbacks (0)
  1. oups j’ai trouvé, même si pour ce coup là, je ne vois pas très bien comment il fonctionne…. l’essentiel c’est que ça marche, au final !

    Philippe.

  2. Peux-t-on imaginer le même principe mais que l’utilisateur puisse réduire la fenêtre et non l’agrandir.

    Que le curseur du slider soit sur un position centrale et que l’utilisateur puisse aller vers la droite ou vers la gauche ?

    Merci beaucoup pour ce tutorial et pour votre réponse !
    Niko

  3. desole pour la reponse tardive mais je suis en vacances ;)

    Pour repondre a ta question, bien entendu il est possible de le faire sans aucun souci.

    Il suffit de modifier cette ligne :

    largeur_page.start(largeur_page_actuelle, largeur_depart + parseInt(pos * 100));
    
  4. Salut Fardeen,

    J’essaye désespérément de mettre en place un slider pour changer la largeur de l’interface sur un mon thème ithème 1.1.

    Je passe peut être et même surement à côté de quelque chose, je ne parviens pas à faire fonctionner le tout.

    Si tu as un moment à m’accorder pour m’éclairer.

    Par avance merci, et tout mes compliments pour ton site.

    Gringoh

  5. bonjour,
    je vient de mettre en place sur mon site web le slider dans un premier temps j aimerai avoir quelque informations lorsque le slider augmente passe de 0 a 1 peut effectuer le changement d une image de fond je mexplique j ai mis en place sur mon site un design avec coin arrondis gere par image lorsque j augmente la taille evidemment l image nest plus a la bonne dimmension.pouriez vous m indiquez si cela est possible ou non et si oui comment faire(enfin une piste)
    merci par avance

    cordialement stouky


Leave a comment


No trackbacks yet.