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

4

Estoy buscando un complemento que me permita colocar fácilmente un control deslizante basado en jQuery (porque quiero evitar la molestia de las bibliotecas de javascript múltiples) en mi sitio en varios lugares. Me gustaría poder manejar imágenes, así como html. Soy consciente del complemento Featured Content Gallery , pero me gustaría encontrar una alternativa (en parte debido a este tweet de 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 otra contenido que quiero usar.

Editar: estoy buscando un complemento de WordPress, no solo un complemento de jQuery.

    
pregunta Travis Northcutt 20.08.2010 - 22:02

4 respuestas

1

Me he decidido por el complemento SlideDeck 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.

    
respondido por el Travis Northcutt 21.08.2010 - 05:46
4

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. Daré algunas opciones:

Ciclo JQuery (con mucho, el más simple para imágenes)

Lo uso para imágenes y escribí un código corto para que se pueda agregar fácilmente a publicaciones, páginas o widgets. Para usar, agregue 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 simplemente llame al cycle.js que descarga desde enlace 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 los controles deslizantes que contienen publicaciones, HTML, o casi cualquier cosa que use las herramientas de desplazamiento de JQuery enlace

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.

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

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

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 como Plugin, registre y ponga en cola herramientas 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');
    
respondido por el Chris_O 21.08.2010 - 02:12
0

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

    
respondido por el googletorp 20.08.2010 - 22:57
0

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 ( enlace ) para los sitios de WordPress de mis clientes en combinación con el complemento OptionTree ( enlace ) para crear publicaciones / diapositivas de contenido destacados.

El control deslizante jQuery básico le permite usar cualquier marca 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 que el usuario administre el contenido de las diapositivas , Utilizo 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. De forma alternativa, puede permitir que el usuario seleccione una categoría, etiqueta, etc. y obtenga contenido para el control deslizante basado en 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 con todas las funciones (y gratuito).

Espero que eso ayude y que no fuera demasiado autopromocionable :)

    
respondido por el john0514 28.02.2012 - 22:43

Lea otras preguntas en las etiquetas