Qu'est-ce qu'un bon plugin de curseur de contenu jQuery? [fermé]

4

Je recherche un plug-in qui me permette de placer facilement un curseur basé sur jQuery (car je veux éviter les tracas de plusieurs bibliothèques javascript) sur mon site à différents endroits. Je voudrais qu'il soit capable de gérer les images ainsi que le HTML. Je connais le plug-in Galerie de contenu en vedette , mais j'aimerais trouver une alternative (en partie). à cause de ce tweet de Brad Williams, dont l'opinion me fait confiance).

Idéalement, j'aimerais quelque chose qui puisse créer automatiquement un "diaporama" basé sur des catégories, des tags, des publications récentes, etc., mais qui me permette également de créer manuellement un "diaporama" avec n'importe quel message, image ou autre. contenu que je veux utiliser.

Edit: Je recherche un plugin WordPress, pas seulement un plugin jQuery.

    
posée Travis Northcutt 20.08.2010 - 22:02

4 réponses

1

J'ai choisi le plug-in SlideDeck pour WordPress pour ce projet. En bref, il est très bien mis en place, a fière allure, est très flexible, etc. Je suis assez impressionné jusqu'à présent. Le seul inconvénient est que la version gratuite inclut un très petit lien d’image d’attribution, mais honnêtement, cela vaut probablement les 49 dollars qu’ils veulent pour le plugin WP.

    
réponse donnée Travis Northcutt 21.08.2010 - 05:46
4

Je sais que vous avez dit que vous recherchiez un plug-in WordPress, mais la plupart des curseurs de contenu sont très faciles à ajouter manuellement et seront beaucoup moins encombrés car il vous suffit d'ajouter les fonctionnalités que vous souhaitez utiliser. Je vais donner quelques options:

Cycle JQuery (de loin le plus simple pour les images)

J'utilise ceci pour les images et j'ai écrit un code court pour pouvoir l'ajouter facilement à des publications, des pages ou des widgets. Pour utiliser, ajoutez la classe div et les codes courts des images:

<div class="slideshow"> [slideimage name=name-of-image-uploaded-to-media] [slideimage name=next-image-name] </div> (This will only work for .jpg's if you want to use .png change the ext to 'png' in the shortcode function

Dans footer.php, appelez simplement le cycle.js que vous téléchargez à partir de enlace . et ajoutez ceci entre les balises de script ou à votre maître js

jQuery (function () {     jQuery ('. Diaporama'). cycle (); });

function slideimage_shortcode($atts, $content = null) {
    extract( shortcode_atts( array(
    'name' => '',
    'ext' => 'jpg',
    'path' => '/wp-content/uploads/',
    'url' => ''
    ), $atts ) );
    $file=ABSPATH."$path$name.$ext";
    if (file_exists($file)) {
        $size=getimagesize($file);
        if ($size!==false) $size=$size[3];
        $output = "<img src='".get_option('siteurl')."$path$name.$ext'   $size alt='$name' />";
        if ($url) $output = "<a href='$url' title='$name'>".$output.'</a>';
        return $output;
    }
    else {
        trigger_error("'$path$name.$ext' image not found", E_USER_WARNING);
        return '';
    }
}
add_shortcode('slideimage','slideimage_shortcode');

Pour les curseurs contenant des publications, du HTML ou pratiquement tout ce que j'utilise, JQuery Tools Scrollable enlace

Les instructions sur le site jQuery Tools sont très bien écrites et, fondamentalement, vous placez le curseur dans une div, puis les articles ou les articles individuels sont enveloppés dans une autre div à l'intérieur du principal.

Vous devez appeler le plug-in js dans votre pied de page et ajouter la fonction à votre maître js ou dans les balises de script: jQuery (function () { jQuery (". scrollable"). scrollable ({vertical: true, mousewheel: false}); });

EDIT: ajoutez un message de requête par catégorie à tout fichier de modèle pour permettre à l'utilisateur final d'ajouter des messages au curseur.

Le code suivant ajoute les messages de la catégorie 8 au curseur:

<div id="slider">
  <?php query_posts('post_type=post&order=asc&cat=8'); ?>

        <div id="actions">
    <a class="prev">&laquo; Back</a>
    <a class="next">More &raquo;</a>
</div>

  <div class="scrollable">
   <div class="items">
 <?php while (have_posts()) : the_post(); ?>
 <div>
 <?php the_content(); ?>
 </div>
<?php endwhile;?>
</div>
                </div>

            </div>

Pour que l'ensemble de la configuration ressemble davantage à un plugin, enregistrez et mettez en file d'attente les outils jQuery dans functions.php

.
<?php
if ( !is_admin() ) { // instruction to only load if it is not the admin area
   // register your script location, dependencies and version
   wp_register_script('jquerytools',
       http://cdn.jquerytools.org/1.2.4/all/jquery.tools.min.js',
       array('jquery'),
       '1.4.2' );
   // enqueue the script
   wp_enqueue_script('jquerytools');
}
?>

Ajoutez maintenant une autre fonction pour ajouter la configuration du curseur:

// add jquery tools configuration to footer
function add_jquerytools_config() {
    echo '<script type="text/javascript">';
    echo 'jQuery(document).ready(function($) {';
        echo '$(".slider").scrollable({circular:true}).autoscroll(8000);';
        echo '$(".scrollable").scrollable({vertical:false,mousewheel:false});});';
    echo '</script>';
}
add_action('wp_footer', 'add_jquerytools_config');
    
réponse donnée Chris_O 21.08.2010 - 02:12
0

Je suis très satisfait de jcarousel . Cela fonctionne bien, est facile à utiliser et a quelques fonctionnalités intéressantes.

    
réponse donnée googletorp 20.08.2010 - 22:57
0

Divulgation complète, je suis sur le point de recommander un plugin jQuery que j'ai développé. - Ce n’est pas non plus un plugin WordPress (j’y travaille cependant), mais peut toujours être utilisé efficacement pour ce que vous suggérez (en fait, l’utilisation que vous suggérez était ma principale motivation pour le développer).

J'utilise Basic jQuery Slider ( enlace ) pour les sites WordPress de mes clients en combinaison avec le plug-in OptionTree ( enlace ) pour créer des posts / diapositives de contenu en vedette.

Le curseur jQuery de base vous permet d’utiliser le balisage de votre choix dans les diapositives. Il est donc parfait pour créer un curseur de publication / contenu avec une image, un titre, un extrait, etc. Permet à l’utilisateur de gérer le contenu des diapositives. , J'utilise OptionTree, avec un champ de sélection simple pour chaque diapositive contenant toutes les pages / publications actuellement sur le site. C’est à vous de configurer le curseur dans vos modèles en extrayant les éléments de contenu pertinents des publications que l’utilisateur a sélectionnées. Vous pouvez également laisser l'utilisateur sélectionner une catégorie, une balise, etc. et extraire le contenu du curseur en fonction de cela.

Cette combinaison permet également de créer et de gérer plusieurs curseurs sur votre site.

Je travaille actuellement sur la conversion de ce plugin en un plugin complet (et gratuit) WordPress.

J'espère que cela vous aide et que vous ne faites pas trop de promotion personnelle-y:)

    
réponse donnée john0514 28.02.2012 - 22:43

Lire d'autres questions sur les étiquettes