SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 167 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

    JPEG - 125.8 ko

    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 ?

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

  • Metas +

    3 décembre – commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Import ICS 2 (agenda distant)

    2 août – 35 commentaires

    La version 2 du plugin « import ICS » en reprend la principale fonctionnalité, à savoir l’ajout automatique d’évènements distants dans la liste des évènements d’un site. À la différence de la première version, elle ne dépend pas du plugin « Séminaire » et est (...)

  • Newsletters

    16 janvier 2013 – 374 commentaires

    Ce plugin permet de composer des Info-lettres. Par info-lettre, on désigne ici le contenu éditorial qui va être composé et envoyé par courriel à une liste d’inscrits. Le plugin permet de composer une info-lettre à partir d’un modèle pré-composé, (...)

  • CKeditor 3.0

    4 octobre 2009 – 1217 commentaires

    CKeditor est l’évolution de l’éditeur WYSIWYG : FCKeditor, avec ce plugin vous pourrez utiliser cet éditeur à la place de l’éditeur de spip tout en laissant le choix à vos auteurs de l’éditeur qu’ils préfèrent utiliser. Attention : cet éditeur WYSIWYG (...)

  • GIS 4

    11 août 2012 – 1284 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

Ça spipe par là