O que é um bom plugin de controle deslizante de conteúdo jQuery? [fechadas]

4

Estou à procura de um plugin que me permita colocar facilmente um slider baseado em jQuery (porque eu quero evitar o incômodo de várias bibliotecas javascript) em meu site em vários lugares. Eu gostaria que fosse capaz de lidar com imagens, bem como html. Estou ciente do plug-in Galeria de conteúdo em destaque , mas gostaria de encontrar uma alternativa (em parte por causa deste tweet por Brad Williams, cuja opinião eu confio).

O ideal é que eu goste de algo que possa criar automaticamente uma "apresentação de slides" com base em categorias, tags, postagens recentes, etc., mas isso também pode criar manualmente uma "apresentação de slides" com qualquer postagem, imagem ou outra conteúdo que eu quero usar.

Edit: Estou procurando por um plugin WordPress, não apenas um plugin jQuery.

    
por Travis Northcutt 20.08.2010 / 22:02

4 respostas

1

Instalei o SlideDeck do WordPress para este projeto. Em suma, é muito bem colocado, parece ótimo, é muito flexível, etc etc Estou muito impressionado até agora. A única desvantagem é que a versão gratuita inclui um link de imagem de atribuição muito pequeno, mas honestamente, é provavelmente vale a pena os US $ 49 que eles querem para o plugin WP.

    
por Travis Northcutt 21.08.2010 / 05:46
4

Eu sei que você disse que está procurando por um Plugin WordPress, mas a maioria dos controles deslizantes de conteúdo é muito fácil de ser adicionada manualmente e será muito menos inchada, porque você só precisa adicionar os recursos que deseja usar. Vou dar algumas opções:

JQuery Cycle (de longe o mais simples para imagens)

Eu uso isso para imagens e escrevi um código curto para que possa ser facilmente adicionado a postagens, páginas ou widgets. Para usar, adicione a classe div e os códigos de acesso para as imagens:

<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

No footer.php, basta ligar para o cycle.js que você baixou de enlace e adicione isso entre tags de script ou ao seu mestre js

jQuery (function () {     jQuery ('. slideshow'). ciclo (); });

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');

Para sliders que contêm postagens, HTML ou praticamente qualquer coisa, eu uso o JQuery Tools Scrollable enlace

As instruções no site jQuery Tools estão muito bem escritas e basicamente você envolve o slider em um div e as postagens ou itens individuais são agrupados em outro div dentro do principal.

Você tem que chamar o plugin js no seu rodapé e adicionar a função ao seu mestre js ou nas tags de script: jQuery (function () { jQuery (". rolável"). rolável ({vertical: true, mousewheel: false}); });

EDIT: Adicione uma postagem de consulta por categoria a qualquer arquivo de modelo para permitir que o usuário final adicione postagens ao controle deslizante.

O código a seguir adicionaria todas as postagens na categoria 8 ao controle deslizante:

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

Para tornar toda a configuração mais parecida com o Plugin, registre e enfileire as ferramentas jquery em 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');
}
?>

Agora, adicione outra função para adicionar a configuração do controle deslizante:

// 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');
    
por Chris_O 21.08.2010 / 02:12
0

Estou muito feliz com o jcarousel . Funciona bem, é fácil de usar e tem alguns recursos interessantes.

    
por googletorp 20.08.2010 / 22:57
0

Divulgação completa, estou prestes a recomendar um plugin jQuery que desenvolvi. - Também não é um plugin WordPress (estou trabalhando nisso), mas ainda pode ser usado efetivamente para o que você está sugerindo (na verdade, o uso que você está sugerindo foi a minha principal motivação para desenvolvê-lo).

Eu uso o Basic jQuery Slider ( enlace ) para os meus clientes sites WordPress em combinação com o plugin OptionTree ( enlace ) para criar posts em destaque / slides de conteúdo.

O jQuery Slider básico permite que você use qualquer marcação que você goste nos slides, então é perfeito para criar um slider de postagem / conteúdo com uma imagem, título, trecho, etc. Para permitir que o usuário gerencie o conteúdo dos slides , Eu uso OptionTree, com um campo de seleção simples para cada slide que contém todas as páginas / posts atualmente no site. Cabe a você configurar o controle deslizante em seus modelos, retirando as partes relevantes do conteúdo das postagens selecionadas pelo usuário. Como alternativa, você pode permitir que o usuário selecione uma categoria, uma tag etc. e extraia conteúdo para o controle deslizante com base nisso.

Também é possível usar essa combinação para criar e gerenciar vários controles deslizantes em seu site.

Atualmente, estou trabalhando para transformar isso em um plugin WordPress completo (e gratuito).

Espero que isso ajude e não tenha sido auto-promovido-y:)

    
por john0514 28.02.2012 / 22:43