SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

288 Plugins, 197 contribs sur SPIP-Zone, 272 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > AnythingSlider > AnythingSlider version 0.1.x

AnythingSlider version 0.1.x

3 avril 2011 – par Joseph – 23 commentaires

22 votes

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

REMARQUE : cette version du plugin fournit le script AnythingSlider 1.5.9. Une version plus récente du plugin est disponible : voir AnythingSlider version 1.x.x. Son fonctionnement est légèrement différent, notamment pour charger les scripts optionnels et/ou les thèmes additionnels.

Se référer à la documentation de la nouvelle version.

Ce plugin, qui ne fait qu’insérer le script « AnythingSlider » dans vos squelettes, est destiné à des utilisateurs confirmés.

Présentation

Pour une présentation complète du script AnythingSlider et de son utilisation, voir :

Fonctionnement

Ce plugin charge les CSS du plugin jQuery AnythingSlider dans les pages publiques ainsi que le fichier javascript jquery.anythingslider.min.js. Charge ensuite à vos squelettes d’appeler le script en suivant la documentation du plugin.

Il utilise pour cela balise #INSERT_HEAD. Vous devez donc vérifier que votre squelette la prévoit.

Si vous souhaitez également charger les scripts additionnels jquery.anythingslider.fx.min.js, jquery.easing.1.2.js et swfobject.js, vous pouvez utiliser le pipeline anythingslider_charger_fx de manière à renvoyer la valeur true.

Dans la mesure où le plugin insère les scripts directement dans les en-têtes de vos pages, vous n’avez pas besoin de le faire vous-même. Il vous suffit juste d’appeler le script dans les squelettes.

Thèmes

Le plugin SPIP est livré avec plusieurs thèmes pour script AnythingSlider. Cette liste de thèmes pourra être amenées à augmenter au cours du temps.

Une saisie themes_anythingslider peut être utilisée dans vos formulaires pour sélectionner un thème parmi ceux disponibles.

Pour pouvoir profiter des thèmes, il faut informer le script du bon chemin d’accès aux CSS des thèmes. Pour cela, appeler AnythingSlider dans vos squelettes en précisant #EVAL{_DIR_PLUGIN_ANYTHINGSLIDER}css/theme-{themeName}.css pour la variable themeDirectory. Par exemple :

  1. <script type="text/javascript">// <![CDATA[
  2. $(document).ready(function(){
  3. $('#slider1').anythingSlider({
  4. width : 450,
  5. height : 300,
  6. theme : 'minimalist-square',
  7. themeDirectory : '#EVAL{_DIR_PLUGIN_ANYTHINGSLIDER}css/theme-{themeName}.css',
  8. });
  9. });
  10. //]]></script>

Télécharger

Dernière modification de cette page le 27 février 2012

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 10 février 2012 à 12:58, par deldoll En réponse à : AnythingSlider version 0.1.x

    Bonjour,

    Ce plugin est très facil d’utilisation.
    Le seul problème que je rencontre est le suivant.
    J’ai un tableau de deux colonnes et deux lignes chaque partie comporte un slider cela fonctionne très bien sous Mozilla, Safari et Google chrome mais sous IE un seul slider de chaque ligne fonctionne.
    Quelqu’un aurait il rencontré le même problème et aurait la solution ??

    Merci pour vos réponses

    Répondre à ce message

  • Le 7 novembre 2011 à 10:47, par kurtz En réponse à : AnythingSlider version 0.1.x

    Bonjour
    ,
    Merci avant tout pour ce plugin. Il est comme d’autres, bien utile pour nos développements.

    J’ai fais un petit site qui a pour but de montrer quelques projets que j’ai réalisé. Ainsi je liste des écrans exemples sur des projets (ykurtz.com)

    Mais quand je liste les documents (copies d’écran) de mes rubriques (projets) et que j’utilise anythingslider pour en faire une sorte de diaporama, des fois (souvent), rien n’est affiché, et je ne vois que les contrôles du plugin. Il ignore tout simplement l’image. Quand je rafraîchi, elle réapparaît.

    Je n’arrive pas à comprendre, désolé. J’ai essayé de résoudre avec le cache mais rien.

    Est-ce lié au plugin ?

    merci
    yonnel

    Répondre à ce message

  • Le 29 juillet 2011 à 00:42, par chankalan En réponse à : AnythingSlider

    Bonjour,
    merci pour l’intégration du script en plugin

    juste une chose : il me semble que la librairie anythingslider n’est pas à jour ?
    en fait il y avait un petit bug, résolu en mettant le script à jour
    (et pour tout dire : la dernière image se déplaçait et laissait un zone blanche puis disparassait complètement avant de voir apparaitre d’un coup la première image du slider...)

    • Le 29 juillet 2011 à 14:01, par Joseph En réponse à : AnythingSlider

      Je viens de mettre à jour le plugin avec la version 1.7.5.

      Cordialement

    • Le 29 juillet 2011 à 22:56, par chankalan En réponse à : AnythingSlider

      merci...

       ;o)

    • Le 1er août 2011 à 12:48, par Joseph En réponse à : AnythingSlider

      ATTENTION : j’ai rétabli le zip sur la version 0.1.3 qui embarque la version 1.5.9 d’AnythingSlider.

      Pour le passage en 1.7.5, il y a un peu de travail à faire et je dois revoir l’interface. Le travail est en cours.

      Cordialement.

    • Le 1er août 2011 à 20:38, par Joseph En réponse à : AnythingSlider version 0.1.x

      Dernière mise à jour réalisée. Voir AnythingSlider version 1.x.x

    Répondre à ce message

  • Le 11 juillet 2011 à 19:04, par tetue En réponse à : AnythingSlider

    Je ne comprends pas bien l’intérêt de ce plugin s’il ne facilite pas la mise en oeuvre d’un slider dans les squelettes, s’il ne permet pas le paramétrage éventuel du script... Il ne fait qu’insérer le script dans le head... mais les « utilisateurs confirmés » auquel il est destiné peuvent très bien le faire eux-mêmes et n’ont pas besoin d’un plugin pour ce faire...

    • Le 12 juillet 2011 à 14:49, par Joseph En réponse à : AnythingSlider

      Ce plugin permet de fournir et d’insérer le script. Ainsi, si plusieurs plugins nécesitent ce script, au lieu que chacun d’eux insère ou embarque le script, chaque plugin n’aura qu’à faire un necessite. La même problématique s’était posée avec jqueryUI ou encore avec la mediabox qui était aussi embarquée par la médiathèque.

      Il s’agit donc plutôt d’une ressource utilisable par d’autres plugins. Aveline par exemple fournit des noisettes utilisant anythingslider.

      La question aurait pu se poser de passer plutôt par une lib externe. Mais le passage en plugin permet notamment de ne charger qu’une seule fois le script si deux ou trois plugins nécessite le script, et également de fournir une saisie avec les thèmes disponibles, saisie pouvant être utilisée ensuite dans un formulaire de config.

    • Le 12 juillet 2011 à 18:39, par tetue En réponse à : AnythingSlider

      OK, merci.
      Mais ce serait quand même bien de le compléter par un bout de squelette prêt à l’emploi, ne serait-ce que pour la démo, dans SPIP, pour aiguiller les utilisateurs moins confirmés.

    • Le 30 juillet 2011 à 19:57, par Joseph En réponse à : AnythingSlider

      J’ai commencé à m’y pencher et c’est prévu. Suite à la mise à jour du script, je me rends compte qu’il va falloir reprendre une partie du plugin car les thèmes sont gérés différemment et un formulaire de config, comme jqueryUI, va être nécessaire.

    • Le 1er août 2011 à 20:36, par Joseph En réponse à : AnythingSlider version 0.1.x

      Exemple et formulaire de config inclus dans AnythingSlider version 1.x.x.

    Répondre à ce message

  • Le 26 juillet 2011 à 14:58, par clo En réponse à : AnythingSlider

    Bonjour,

    Chez moi ce super plugin fonctionne parfaitement...sauf sur IE7 qui détecte un problème de script !

    Comment régler ce problème ?

    Merci pour vos éventuelles réponses !
    (j’aimerai vraiment l’intégrer ce plugin à mon site)

    • Le 29 juillet 2011 à 14:02, par Joseph En réponse à : AnythingSlider

      Le problème est-il résolu par la dernière version du plugin (qui embraque la version 1.7.5 d’anythingslider) ?

    Répondre à ce message

  • Le 16 juin 2011 à 21:44, par Fred En réponse à : AnythingSlider

    Voici ce que j’ai dans mon squelette

    inc-documents.html

    1. [(#REM) Portfolio : album d'images ]
    2. <B_docs>
    3. <div id="documents_portfolio">
    4. <ul id="anyslider">
    5. <BOUCLE_docs(DOCUMENTS){id_article}{extension IN jpg,png,gig}>
    6. <li><img src="#URL_DOCUMENT" width="#LARGEUR" height="#HAUTEUR" /></li>
    7. </BOUCLE_docs>
    8. </ul>
    9. </div>
    10.  
    11. <script type="text/javascript">// <![CDATA[
    12. $(document).ready(function(){
    13. $('#anyslider').anythingSlider({
    14. width : 450,
    15. height : 300,
    16. theme : 'minimalist-square',
    17. themeDirectory : '#EVAL{_DIR_PLUGIN_ANYTHINGSLIDER}css/theme-{themeName}.css',
    18. });
    19. });
    20. //]]></script>
    21.  
    22. </B_docs>

    Télécharger

    Répondre à ce message

  • Le 21 avril 2011 à 11:00, par ? En réponse à : AnythingSlider

    Bonjour
    Que mettre dans le squelette d’une page article pour en afficher seulement les Photos à partir de différents article
    Cordialement

    Répondre à ce message

  • Le 15 avril 2011 à 18:11, par triton En réponse à : AnythingSlider

    Bonjour,
    et merci pour ce plugin absolument magnifique.
    Par contre, y a une virgule en trop ligne 15 du fichier inclure/appel_anythingslider.html
    [delay : (#ENVdelay),]
    qui fait que ca ne marche pas sur ie7 (enfin chez moi en tout cas...)

    cordialement
    triton

    • Le 15 avril 2011 à 21:45, par Joseph En réponse à : AnythingSlider

      Merci pour ce retour.

      Corrigé dans Aveline 1.3.1

    Répondre à ce message

  • Le 5 avril 2011 à 17:39, par Nul de chez nul En réponse à : AnythingSlider

    Il me semblait bien aussi, c’est donc pour les les utilisateurs confirmés.

    Cependant je n’ai pas résisté à tenter encore une fois avec vos explications :
    -  J’ai mis dans le header (Trouvé dans la doc. anythingSlider) :

    [(#REM) pour diaporama  anythingSlider ]
       <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
    <script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
    <script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>

    <script type="text/javascript">
           $(function(){

                   $("#main-photo-slider").codaSlider();

           });
    </script>

    -  J’ai mis dans un squelette article-xx :

    <script type="text/javascript">// <![CDATA[
    $(document).ready(function(){
    $('#slider1').anythingSlider({
    width : 450,
    height : 300,
    theme : 'minimalist-square',
    themeDirectory : '#EVAL{_DIR_PLUGIN_ANYTHINGSLIDER}css/theme-{themeName}.css',
    });
    });
    //]]></script>

    Plugin anythingSlider activé bien sûr...

    Eh bien... rien, même pas une bordure.

    Bon ! C’est pas encore pour moi.

    Merci quand même Joseph.

    • Le 5 avril 2011 à 17:57, par Joseph En réponse à : AnythingSlider

      1/ Vous n’avez rien à ajouter dans le header (<head> ... </head>), car le plugin le fait déjà. Vérifier simplement que la balise #INSERT_HEAD est bien présente dans votre squelette.

      2/ Vérifier que votre boucle produit bien le résultat voulu. En l’absence du javascript d’appel, vous devriez voir votre liste complète s’afficher. Si votre boucle ne produit aucun résultat, il est clair que le slider n’aura rien à afficher.

      3/ Une fois que votre squelette produit bien la bonne liste, à ce moment-là rajouter dans votre squelette, dans le body tout simplement, le javascript d’appel à AnythingSlider.

    Répondre à ce message

  • Le 5 avril 2011 à 17:42, par Nul de chez nul En réponse à : AnythingSlider

    Vraiment pas doué : j’ai envoyé trop vite, manque :

    -  J’ai mis dans un squelette article-xx :

    <B_docs>
       <ul id="slider1">
       <BOUCLE_docs(DOCUMENTS){id_article}{extension IN jpg,png,gig}>
       <li><img src="#FICHIER" width="#LARGEUR" height="#HAUTEUR" /></li>
       </BOUCLE_docs>
       </ul>
       </B_docs>




    <script type="text/javascript">// <![CDATA[
    $(document).ready(function(){
    $('#slider1').anythingSlider({
    width : 450,
    height : 300,
    theme : 'minimalist-square',
    themeDirectory : '#EVAL{_DIR_PLUGIN_ANYTHINGSLIDER}css/theme-{themeName}.css',
    });
    });
    //]]></script>

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Envoyer des fichiers avec un formulaire Formidable

    2 janvier – 34 commentaires

    La version 3.0.0 du plugin Formidable permet de créer des formulaires comprenant des envois de fichiers. Cet article regroupe la documentation relative à cette fonctionnalité. Pour une présentation générale de Formidable, voir « Formidable, le (...)

  • Albums 3

    8 août 2014 – 236 commentaires

    Le plugin « Albums » évolue dans une version 3 pour SPIP 3. Avant d’effectuer une mise à jour depuis la version 1 ou 2, consultez les notes sur la rétro-compatibilité. Les modèles, notamment, on reçut quelques changements pour la bonne cause. En (...)

  • COG : Toutes les communes, départements, régions ... françaises

    29 janvier 2013 – 16 commentaires

    Ajouter facilement les codes officiels géographiques tel que défini et fourni par l’INSEE( Institut national de la statistique et des études économiques). Voir : . Nota SPIP-Contrib : Cette spécificité « justifie » l’existence de ce plugin qui fut (...)

  • Utilisez le framework Foundation dans vos squelettes !

    13 août 2013 – 83 commentaires

    Foundation est un framework CSS et Javascript très complet pour réaliser des sites sur une grille propre et homogène. Mais surtout, il permet de rendre un site responsive très facilement ! Ce plugin ajoute le framework Foundation sur l’espace (...)

  • Court-circuit 2

    17 octobre 2011 – 77 commentaires

    Court-circuit 2 permet de rediriger certaines rubriques vers un article particulier. Vous pouvez configurer, dans l’espace privé, les règles de redirection à appliquer. Historique Court-circuit 2 est une évolution de Court-circuit 1, reprenant (...)

Ça spipe par là