Qual è un buon plugin jQuery per slider di contenuti?

20 ago 2010, 20:02:15
Visualizzazioni: 3.18K
Voti: 3

Sto cercando un plugin che mi permetta di inserire facilmente uno slider basato su jQuery (per evitare il problema di usare multiple librerie JavaScript) nel mio sito in varie posizioni. Vorrei che potesse gestire sia immagini che contenuti HTML. Conosco il plugin Featured Content Gallery, ma vorrei trovare un'alternativa (anche a causa di questo tweet di Brad Williams, la cui opinione rispetto).

Idealmente, vorrei qualcosa che possa creare automaticamente uno 'slideshow' basato su categorie, tag, post recenti, ecc., ma che mi permetta anche di creare manualmente uno 'slideshow' con qualsiasi post, immagine o altro contenuto che voglio utilizzare.

Modifica: Sto cercando un plugin per WordPress, non solo un plugin jQuery.

4
Commenti

Mi dispiace, vorrei poterti aiutare. Io scrivo sempre il mio personalizzato. Sarei comunque interessato a sapere cosa ne pensano gli altri.

John P Bloch John P Bloch
20 ago 2010 20:27:04

Potrebbe aiutare se descrivi esattamente come vuoi che funzioni il tuo "slider". Vuoi una presentazione automatica con un overlay di testo come Featured Content Gallery? Oppure qualcos'altro?

EAMann EAMann
20 ago 2010 20:40:27

EAMann - sì, qualcosa del genere sarebbe perfetto. Più flessibilità c'è, meglio è. Modificherò il mio post per aggiungere dettagli.

Travis Northcutt Travis Northcutt
20 ago 2010 20:57:55

Non ne conosco uno che riproduca così tante funzionalità... ma è sicuramente un'idea. Terrò d'occhio, ma sono d'accordo con John che sono tentato di scriverne uno mio.

EAMann EAMann
20 ago 2010 21:24:13
Tutte le risposte alla domanda 4
5

So che hai detto che stai cercando un Plugin per WordPress, ma la maggior parte degli slider per contenuti sono molto facili da aggiungere manualmente e saranno molto meno appesantiti perché dovrai aggiungere solo le funzionalità che vuoi utilizzare. Ti darò alcune opzioni:

JQuery Cycle (di gran lunga il più semplice per le immagini)

Lo uso per le immagini e ho creato uno shortcode per poterlo aggiungere facilmente a post, pagine o widget. Per usarlo aggiungi la classe div e gli shortcode per le immagini:

<div class="slideshow"> [slideimage name=nome-dell-immagine-caricata-nel-media] [slideimage name=nome-della-prossima-immagine] </div> (Questo funzionerà solo per .jpg, se vuoi usare .png cambia l'estensione in 'png' nella funzione dello shortcode

In footer.php basta richiamare il cycle.js che scarichi da http://jquery.malsup.com/cycle/download.html e aggiungere questo tra i tag script o al tuo js principale:

jQuery(function() { jQuery('.slideshow').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' title='$name' />";
        if ($url) $output = "<a href='$url' title='$name'>".$output.'</a>';
        return $output;
    }
    else {
        trigger_error("'$path$name.$ext' immagine non trovata", E_USER_WARNING);
        return '';
    }
}
add_shortcode('slideimage','slideimage_shortcode');

Per slider che contengono post, HTML o praticamente qualsiasi cosa uso JQuery Tools Scrollable http://flowplayer.org/tools/scrollable/index.html

Le istruzioni sul sito di jQuery Tools sono molto ben scritte e fondamentalmente avvolgi lo slider in un div, poi i singoli post o elementi sono avvolti in un altro div all'interno di quello principale.

Devi richiamare il plugin js nel tuo footer e aggiungere la funzione al tuo js principale o tra i tag script: jQuery(function() { jQuery(".scrollable").scrollable({vertical:true,mousewheel:false}); });

MODIFICA: Aggiungi query post per categoria a qualsiasi file template per permettere all'utente finale di aggiungere post allo slider.

Il seguente codice aggiungerebbe qualsiasi post nella categoria 8 allo slider:

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

        <div id="actions">
    <a class="prev">&laquo; Indietro</a>
    <a class="next">Altro &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>

Per rendere l'intera configurazione più simile a un Plugin, registra e accoda jquery tools in functions.php

<?php
if ( !is_admin() ) { // istruzione per caricare solo se non è l'area di amministrazione
   // registra la posizione del tuo script, le dipendenze e la versione
   wp_register_script('jquerytools',
       'http://cdn.jquerytools.org/1.2.4/all/jquery.tools.min.js',
       array('jquery'),
       '1.4.2' );
   // accoda lo script
   wp_enqueue_script('jquerytools');
}
?>

Ora aggiungi un'altra funzione per aggiungere la configurazione dello slider:

// aggiungi la configurazione di jquery tools al 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');
20 ago 2010 22:48:00
Commenti

Il problema è che ho bisogno che questo sia utilizzabile da qualcuno che non ha esperienza in html/css/php/ecc., da qui la necessità di un plugin. Posso impostare tutto, ma quest'altra persona deve essere in grado di utilizzare ciò che ho impostato.

Travis Northcutt Travis Northcutt
20 ago 2010 23:02:31

Potresti integrare in un template una query post per categoria, così l'utente dovrebbe solo selezionare la categoria corretta per far apparire il post. Aggiungerò il codice del template sopra.

Chris_O Chris_O
20 ago 2010 23:41:50

Se lo configuri per accettare una categoria specifica, il tuo utente dovrà solo scrivere un post e assegnare la categoria, e dovrebbe funzionare.

kevtrout kevtrout
20 ago 2010 23:49:59

@tnorthcutt - non puoi creare un plugin dal codice sopra? jQuery Cycle è sicuramente la strada da percorrere; ho fatto un sacco di ricerche su di loro e continuo a tornare da te.

MikeSchinkel MikeSchinkel
21 ago 2010 01:08:38

Mike, purtroppo no, a causa di limiti di tempo. Non ho mai costruito un plugin prima d'ora, e anche se ho in programma di imparare molto presto, questo non rientra nella tempistica di questo progetto.

Travis Northcutt Travis Northcutt
21 ago 2010 03:44:06
0

Ho scelto il plugin SlideDeck per WordPress per questo progetto. In breve, è molto ben realizzato, ha un aspetto fantastico, è molto flessibile, ecc. ecc. Finora sono rimasto molto colpito. L'unico svantaggio è che la versione gratuita include un'immagine di attribuzione con link molto piccola, ma onestamente, probabilmente vale i $49 che chiedono per il plugin WP.

21 ago 2010 03:46:45
1

Sono stato molto soddisfatto con jcarousel. Funziona bene, è facile da usare e ha alcune interessanti funzionalità.

20 ago 2010 23:57:39
Commenti

Vedo che esiste un plugin WordPress per jcarousel, ma sembra che sia solo per le immagini - più simile a un plugin per gallerie fotografiche.

Travis Northcutt Travis Northcutt
21 ago 2010 00:09:02
0

Divulgazione completa, sto per consigliare un plugin jQuery che ho sviluppato. - Non è nemmeno un plugin WordPress (ci sto lavorando), ma può comunque essere utilizzato efficacemente per ciò che stai suggerendo (in effetti l'uso che stai suggerendo è stato la mia motivazione principale per svilupparlo).

Utilizzo Basic jQuery Slider (http://www.basic-slider.com) per i siti WordPress dei miei clienti in combinazione con il plugin OptionTree (http://wordpress.org/extend/plugins/option-tree/) per creare slide di post/contenuti in evidenza.

Basic jQuery Slider ti permette di utilizzare qualsiasi markup tu preferisca nelle slide, quindi è perfetto per creare uno slider di post/contenuti in evidenza con un'immagine, un titolo, un estratto, ecc. Per permettere all'utente di gestire il contenuto delle slide, utilizzo OptionTree, con un semplice campo di selezione per ogni slide che contiene tutte le pagine/post attualmente presenti nel sito. Sta a te configurare lo slider nei tuoi template estraendo i pezzi di contenuto rilevanti dai post che l'utente ha selezionato. In alternativa, potresti permettere all'utente di selezionare una categoria, un tag, ecc. e inserire contenuti per lo slider in base a quello.

È anche possibile utilizzare questa combinazione per creare e gestire più slider sul tuo sito.

Sto attualmente lavorando per trasformare questo in un plugin WordPress completo (e gratuito).

Spero che questo ti sia d'aiuto e non sia sembrato troppo auto-promozionale :)

28 feb 2012 21:43:56