it-swarm-es.com

¿Qué es un buen complemento de control deslizante de contenido de jQuery?

Estoy buscando un complemento que me permita colocar fácilmente un control deslizante basado en jQuery (porque quiero evitar la molestia de múltiples bibliotecas de JavaScript) en mi sitio en varios lugares. Me gustaría poder manejar imágenes, así como html. Soy consciente de la Galería de contenido destacado plugin, pero me gustaría encontrar una alternativa (en parte debido a este Tweet por Brad Williams, cuya opinión confío).

Idealmente, me gustaría algo que pueda crear automáticamente una 'presentación de diapositivas' basada en categorías, etiquetas, publicaciones recientes, etc., pero que también me permita crear manualmente una 'presentación de diapositivas' con cualquier publicación, imagen u otro contenido que desee. usar.

Edición: Estoy buscando un complemento de WordPress, no solo un complemento de jQuery.

4
Travis Northcutt

Me he conformado con el SlideDeck plugin para WordPress para este proyecto. En resumen, está muy bien puesto, se ve muy bien, es muy flexible, etc. Estoy muy impresionado hasta ahora. El único inconveniente es que la versión gratuita incluye un enlace de imagen de atribución muy pequeño, pero honestamente, probablemente valga la pena los $ 49 que quieren para el complemento WP.

1
Travis Northcutt

Sé que usted dijo que está buscando un complemento de WordPress, pero la mayoría de los controles deslizantes de contenido son muy fáciles de agregar manualmente y estarán mucho menos hinchados porque solo tiene que agregar las funciones que desea usar. Voy a dar algunas opciones:

JQuery Cycle(por mucho el más simple para imágenes)

Uso esto para imágenes y escribí un código corto para que se pueda agregar fácilmente a publicaciones, páginas o widgets. Para usar agrega la clase div y los códigos cortos para las imágenes:

<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

En footer.php solo llame al cycle.js que descarga desde http://jquery.malsup.com/cycle/download.html y agregue esto entre las etiquetas de script o a su maestro js

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' />";
        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 controles deslizantes que contienen publicaciones, HTML, o casi cualquier cosa, uso JQuery Tools Scrollablehttp://flowplayer.org/tools/scrollable/index.html

Las instrucciones en el sitio de herramientas de jQuery están muy bien escritas y, básicamente, envuelves el control deslizante en una división, luego las publicaciones individuales o los elementos se envuelven en otra división dentro de la principal.

Debe llamar al plugin js en su pie de página y agregar la función a su master js o en las etiquetas de script: jQuery (function () {jQuery (". Scrollable"). Desplazable ({vertical: true, mousewheel: false}); });

EDIT: Agrega una publicación de consulta por categoría a cualquier archivo de plantilla para permitir que el usuario final agregue publicaciones al deslizador.

El siguiente código agregaría cualquier publicación en la categoría 8 al control 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 hacer que toda la configuración sea más similar a un complemento, registre y ponga en cola herramientas de jQuery en 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');
}
?>

Ahora agregue otra función para agregar la configuración del control 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

Revelación completa, estoy a punto de recomendar un complemento jQuery que desarrollé. - Tampoco es un complemento de WordPress (aunque estoy trabajando en ello), pero aún puede usarse de manera efectiva para lo que sugieres (de hecho, el uso que estás sugiriendo fue mi principal motivación para desarrollarlo) .

Uso el Control deslizante jQuery básico ( http://www.basic-slider.com ) para los sitios de WordPress de mis clientes en combinación con el complemento OptionTree ( http://wordpress.org/extend/plugins/option- árbol/ ) para crear publicaciones destacadas/diapositivas de contenido.

El control deslizante jQuery básico le permite usar el marcado que desee en las diapositivas, por lo que es perfecto para crear un control deslizante de publicación/contenido destacado con una imagen, encabezado, extracto, etc. Para permitir al usuario administrar el contenido de las diapositivas, uso OptionTree, con un campo de selección simple para cada diapositiva que contiene todas las páginas/publicaciones que se encuentran actualmente en el sitio. Depende de usted configurar el control deslizante en sus plantillas extrayendo los fragmentos de contenido relevantes de las publicaciones que el usuario ha seleccionado. Alternativamente, puede permitir que el usuario seleccione una categoría, etiqueta, etc. y obtenga contenido para el control deslizante en función de eso.

También es posible usar esa combinación para crear y administrar varios controles deslizantes en su sitio.

Actualmente estoy trabajando para convertir esto en un complemento de WordPress completo (y gratuito).

Espero que ayude y no fuera demasiado autopromocionable :)

0
john0514

Estoy muy feliz con jcarousel . Funciona bien, es fácil de usar y tiene algunas características agradables.

0
googletorp