it-swarm-pt.tech

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

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

Idealmente, gostaria de algo que possa criar automaticamente uma "apresentação de slides" com base em categorias, tags, postagens recentes, etc., mas isso também pode permitir que eu crie manualmente uma "apresentação de slides" com qualquer postagem, imagem ou outro conteúdo usar.

Edit: Estou à procura de um plugin para WordPress, não apenas um plugin jQuery.

4
Travis Northcutt

Eu decidi sobre o SlideDeck plugin para 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.

1
Travis Northcutt

Eu sei que você disse que está procurando por um Plugin para WordPress, mas a maioria dos sliders de conteúdo é muito fácil de ser adicionada manualmente e ficará muito menos inchada, porque você só precisa adicionar os recursos que deseja usar. Eu darei 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 posts, 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

Em footer.php apenas chame o cycle.js que você baixou de http://jquery.malsup.com/cycle/download.html e adicione isto entre as tags do 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 contenham postagens, HTML ou praticamente qualquer coisa que eu use Scrollable do JQuery Toolshttp://flowplayer.org/tools/scrollable/index.html

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

Você tem que chamar o plugin js no seu rodapé e adicionar a função ao seu mestre js ou em 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 slider:

<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 como Plugins, 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');
4
Chris_O

Divulgação completa, estou prestes a recomendar um plugin jQuery que desenvolvi. - Também não é um plugin para 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 minha principal motivação para desenvolvê-lo).

Eu uso Basic jQuery Slider ( http://www.basic-slider.com ) para os meus clientes sites WordPress em combinação com o plugin OptionTree ( http://wordpress.org/extend/plugins/option- tree/ ) 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 ajude e não tenha sido muito auto-promovido-y :)

0
john0514

Eu fiquei muito feliz com jcarousel . Funciona bem, é fácil de usar e possui alguns recursos interessantes.

0
googletorp