it-swarm-id.com

Apa itu plugin slider konten jQuery yang bagus?

Saya sedang mencari plugin yang akan dengan mudah saya menempatkan jQuery berbasis (karena saya ingin menghindari kerumitan beberapa perpustakaan javascript) slider di situs saya di berbagai tempat. Saya ingin dapat menangani gambar dan juga html. Saya mengetahui Galeri Konten Unggulan plugin, tetapi saya ingin mencari alternatif (sebagian karena ini Tweet oleh Brad Williams, yang pendapatnya saya percayai).

Idealnya, saya ingin sesuatu yang dapat secara otomatis membuat 'rangkai salindia' berdasarkan kategori, tag, posting terbaru, dll, tetapi itu juga dapat membuat saya secara manual membuat 'rangkai salindia' dengan posting, gambar, atau konten apa pun yang saya inginkan menggunakan.

Sunting: Saya mencari plugin WordPress, bukan hanya plugin jQuery.

4
Travis Northcutt

Saya telah memilih plugin SlideDeck untuk WordPress untuk proyek ini. Singkatnya, itu disatukan dengan sangat baik, tampak hebat, sangat fleksibel, dll. Sejauh ini saya cukup terkesan. Satu-satunya kelemahan adalah versi gratisnya menyertakan tautan gambar atribusi yang sangat kecil, tetapi jujur, mungkin bernilai $ 49 yang mereka inginkan untuk plugin WP.

1
Travis Northcutt

Saya tahu Anda mengatakan Anda mencari Plugin WordPress tetapi sebagian besar slider konten sangat mudah ditambahkan secara manual dan akan jauh lebih sedikit membengkak karena Anda hanya perlu menambahkan fitur yang ingin Anda gunakan. Saya akan memberikan beberapa opsi:

JQuery Cycle (sejauh ini paling sederhana untuk gambar)

Saya menggunakan ini untuk gambar dan menulis kode pendek untuk itu sehingga dapat dengan mudah ditambahkan ke posting, halaman, atau widget. Untuk menggunakan tambahkan kelas div dan kode pendek untuk gambar:

<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

Di footer.php panggil cycle.js yang Anda unduh dari http://jquery.malsup.com/cycle/download.html dan tambahkan ini di antara tag skrip atau ke master js Anda

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

Untuk Slider yang berisi tulisan, HTML, atau apa pun yang saya gunakan, JQuery Tools Scrollable http://flowplayer.org/tools/scrollable/ index.html

Instruksi di situs Alat jQuery ditulis dengan sangat baik dan pada dasarnya Anda membungkus slider dalam div kemudian masing-masing posting atau item dibungkus dengan div lain di dalam yang utama.

Anda harus memanggil plugin js di footer Anda dan menambahkan fungsi ke master js atau di tag skrip: jQuery (function () {jQuery (". Scrollable"). Scrollable ({vertikal: true, mousewheel: false}); });

EDIT: Tambahkan posting permintaan berdasarkan kategori ke file template apa saja untuk memungkinkan pengguna akhir menambahkan posting ke slider.

Kode berikut akan menambahkan tulisan di kategori 8 ke 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>

Untuk membuat seluruh setup lebih seperti Plugin, daftar dan alat jquery enqueue di 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');
}
?>

Sekarang tambahkan fungsi lain untuk menambahkan konfigurasi slider:

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

Pengungkapan penuh, saya akan merekomendasikan plugin jQuery yang saya kembangkan. - Ini juga bukan plugin WordPress (saya sedang mengerjakannya), tetapi masih dapat digunakan secara efektif untuk apa yang Anda sarankan (sebenarnya penggunaan yang Anda sarankan adalah motivasi utama saya untuk mengembangkannya).

Saya menggunakan Basic jQuery Slider ( http://www.basic-slider.com ) untuk situs WordPress klien saya dikombinasikan dengan plugin OptionTree ( http://wordpress.org/extend/plugins/option-tree/ ) untuk membuat tulisan yang ditampilkan/slide konten.

Slider jQuery Dasar memungkinkan Anda untuk menggunakan markup apa pun yang Anda suka di slide, sehingga sangat sempurna untuk membuat slider posting/konten berfitur dengan gambar, heading, kutipan, dll. Untuk memungkinkan pengguna mengelola konten slide, saya menggunakan OptionTree, dengan bidang pilih sederhana untuk setiap slide yang berisi semua halaman/posting saat ini di situs. Terserah Anda untuk mengonfigurasi bilah geser di templat dengan menarik keluar konten yang relevan dari pos yang telah dipilih pengguna. Atau, Anda bisa membiarkan pengguna memilih kategori, tag, dll dan menarik konten untuk slider berdasarkan itu.

Mungkin juga menggunakan kombinasi itu untuk membuat dan mengelola beberapa slider di situs Anda.

Saat ini saya sedang berupaya untuk mengubahnya menjadi plugin WordPress berfitur lengkap (dan gratis).

Semoga itu bisa membantu dan tidak terlalu mempromosikan diri sendiri :)

0
john0514

Saya sangat senang dengan jcarousel . Ini berfungsi dengan baik, mudah digunakan dan memiliki beberapa fitur yang bagus.

0
googletorp