it-swarm-eu.dev

Co je dobrým pluginem jQuery content slider?

Hledám plugin, který mi umožní snadno umístit jQuery na základě (protože chci, aby se zabránilo hádka více knihoven javascript) jezdce na mých stránkách v různých místech. Chtěl bych, aby byl schopen zpracovávat obrázky i html. Jsem si vědoma Featured Content Gallery plugin, ale rád bych našel alternativu (částečně proto, že _ Tweet Bradem Williamsem, jehož názor věřím).

V ideálním případě bych rád něco, co může automaticky vytvořit „prezentaci“ na základě kategorií, značek, nedávných příspěvků atd. použít.

Edit: Hledám plugin pro WordPress, ne jen plugin jQuery.

4
Travis Northcutt

Pro tento projekt jsem se usadil na SlideDeck plugin pro WordPress. Stručně řečeno, je to velmi dobře dohromady, vypadá skvěle, je velmi flexibilní, atd. Atd. Jsem doposud tak docela ohromen. Jedinou nevýhodou je, že bezplatná verze obsahuje velmi malý odkaz na přidělení obrázku, ale upřímně řečeno, je to asi za $ 49, které chtějí pro plugin WP.

1
Travis Northcutt

Vím, že jste řekl, že hledáte WordPress Plugin, ale většina z posuvníků obsahu je velmi snadné přidat ručně a bude mnohem méně nafouknuté, protože stačí přidat funkce, které chcete použít. Dám několik možností:

JQuery Cycle(zdaleka nejjednodušší pro obrázky)

Používám to pro obrázky a napsal jsem pro něj krátký kód, takže jej lze snadno přidat do příspěvků, stránek nebo widgetů. Chcete-li pro obrázky přidat třídu div a zkratky, postupujte takto:

<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

V footer.php stačí zavolat cycle.js, který si stáhnete z http://jquery.malsup.com/cycle/download.html a přidáte to mezi tagy skriptu nebo svému masteru 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');

Pro jezdce, které obsahují příspěvky, HTML nebo skoro cokoliv, co používám JQuery Tools Scrollablehttp://flowplayer.org/tools/scrollable/index.html

Pokyny na stránkách jQuery Tools jsou velmi dobře napsané a v podstatě zabalíte jezdce do div, pak jsou jednotlivé příspěvky nebo položky zabaleny do jiného divu uvnitř hlavního.

Musíte zavolat plugin js do zápatí a přidat tuto funkci svému mistrovi js nebo ve značkách skriptů: jQuery (function () {jQuery (". Scrollable"). Rolovací ({vertical: true, mousewheel: false}); });

EDIT: Přidání dotazu podle kategorie do libovolného souboru šablony, aby koncový uživatel mohl přidávat příspěvky do jezdce .

Následující kód by přidal všechny příspěvky v kategorii 8 do jezdce:

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

Chcete-li, aby celá instalace byla více podobná, registrujte a enquue jquery nástroje ve function.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');
}
?>

Nyní přidejte další funkci pro přidání konfigurace jezdce:

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

Úplné zveřejnění, chci doporučit plugin jQuery, který jsem vytvořil. - Není to také plugin pro WordPress (pracuji na něm i když), ale stále ho lze efektivně využít pro to, co navrhujete (ve skutečnosti to, co navrhujete, bylo mou hlavní motivací pro jeho vývoj) .

Používám Basic jQuery Slider ( http://www.basic-slider.com ) pro klienty WordPress stránek v kombinaci s pluginem OptionTree ( http://wordpress.org/extend/plugins/option- strom/ ) pro vytvoření doporučených příspěvků/diapozitivů obsahu.

Základní jQuery Slider vám umožní používat jakékoli snímky, které se vám líbí na diapozitivech, takže je ideální pro vytvoření doporučeného post/obsahu posuvníku s obrázkem, nadpisem, úryvkem atd. Chcete-li uživateli umožnit správu obsahu snímků, používám OptionTree, s jednoduchým výběrem pole pro každý snímek, který obsahuje všechny stránky/příspěvky aktuálně na webu. Je jen na vás, abyste nastavili posuvník ve svých šablonách vytažením příslušných částí obsahu z příspěvků, které uživatel vybral. Případně můžete nechat uživatele vybrat kategorii, značku atd. A na základě toho vytáhnout obsah posuvníku.

Pomocí této kombinace je také možné vytvářet a spravovat více posuvníků na vašem webu.

Já jsem v současné době pracuje na otočení tohoto do plnohodnotného (a zdarma) plugin WordPress.

Doufám, že to pomáhá a není příliš sebe-podporovat :)

0
john0514

Byl jsem velmi spokojený s jcarousel . Funguje to dobře, je snadno ovladatelný a má některé pěkné vlastnosti.

0
googletorp