AnythingSlider version 0.1.x

Publié le : 3 avril 2011 – Dernière modification le 2 octobre 2019 – par Joseph – 23 commentaires

1
2
3
4
5
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 :

<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>

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

12 discussions

  • Joseph

    Bonjour,

    je viens de rajouter un message en début de documentation. Il existe des mots clés dans l’espace privé de Contrib pour définir le type d’utilisateur mais il semble qu’ils ne sont pas utilisés dans l’espace publique.

    Vous devez dans votre squelette faire une liste des éléments à afficher sous la forme :

    <ul id="slider1">
<li>Contenu 1 à afficher</li>
<li>Contenu 2 à afficher</li>
(...)
<ul>

    S’il s’agit des images attachées à un article, quelque chose comme :

    <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>

    Il vous faut ensuite appeler le script AnythingSlider pour qu’il s’appliquer à la liste ayant l’identifiant slider1.

    <script type="text/javascript">// <![CDATA[
	$(document).ready(function(){
		$('#slider1').anythingSlider({
			(... Paramètres optionnels du script AnythingSlider (voir doc) ...)
		});
	});
 //]]></script>

    Répondre à ce message

  • Nul de chez nul

    Bonjour et merci pour cette contribution,

    Si j’puis m’permettre une seule critique, indiquer un degré de difficulté (Débutant s’abstenir, réservé aux initiés) eût été encore plus sympa.

    Que mettre vraiment dans le squelette d’une page article pour en afficher tous les documents (Photos), je cherche depuis des heures dans http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ et https://github.com/ProLoser/AnythingSlider/wiki - et le fichiers du plugin sans arriver à afficher la moindre photo.

    J’vais attendre de progresser un peu avant de m’y remettre ;-)

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom