it-swarm-ko.tech

좋은 jQuery는 슬라이더를 밀어 넣을 수 있습니까?

나는 여러 장소에서 내 사이트의 (여러 자바 스크립트 라이브러리의 번거 로움을 피하기 위해) 슬라이더를 기반으로 jQuery 기반을 쉽게 배치 할 수있는 플러그인을 찾고있다. html뿐만 아니라 이미지도 처리 할 수 ​​있기를 바랍니다. 나는 Featured Content Gallery 플러그인을 알고 있지만 대안을 찾고 싶습니다 (부분적으로 짹짹 브래드 윌리엄스, 누구의 의견은 내가 신뢰).

이상적으로, 카테고리, 태그, 최근 게시물 등을 기반으로 '슬라이드 쇼'를 자동으로 만들 수있는 것이 좋겠지 만, 게시, 이미지 또는 기타 원하는 내용으로 수동으로 '슬라이드 쇼'를 만들 수 있습니다. 쓰다.

편집 : 그냥 jQuery 플러그인이 아니라 WordPress 플러그인을 찾고 있어요.

4
Travis Northcutt

나는이 프로젝트를 위해 WordPress 용 플러그인 SlideDeck 플러그인에 정착했습니다. 즉, 매우 잘 짜여져 있고, 멋지게 보이고, 매우 유연합니다. 등등. 저는 꽤 감명 받았습니다. 유일한 단점은 무료 버전에 매우 작은 속성 이미지 링크가 포함되어 있지만 정직하게는 WP 플러그인에 대해 49 달러 상당의 가치가있는 것입니다.

1
Travis Northcutt

당신이 WordPress Plugin을 찾고 있다고 말한 것을 알고 있지만, 대부분의 콘텐츠 슬라이더는 수동으로 추가하기가 쉽고 사용하기를 원하는 기능 만 추가하면되기 때문에 훨씬 덜 부풀려집니다. 몇 가지 옵션을 제공합니다.

JQuery Cycle (이미지에서 훨씬 단순함)

이미지에 사용하고 짧은 코드를 작성하여 게시물, 페이지 또는 위젯에 쉽게 추가 할 수 있습니다. div 클래스를 추가하고 이미지의 단축 코드를 사용하려면 다음을 수행하십시오.

<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

Footer.php에서 http://jquery.malsup.com/cycle/download.html 에서 다운로드 한 cycle.js를 호출하고 이것을 스크립트 태그 또는 마스터 js

jQuery (function () {jQuery ( '. slideshow').주기 ();});

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

게시물, HTML 또는 JQuery 도구를 사용하는 거의 모든 항목이 포함 된 슬라이더의 경우 스크롤 가능 http://flowplayer.org/tools/scrollable/ index.html

JQuery Tools 사이트의 지침은 매우 잘 작성되어 있으며 기본적으로 div에 슬라이더를 래핑 한 다음 개별 게시물이나 항목이 기본 div 안의 다른 div에 래핑됩니다.

꼬리말에 플러그인 js를 호출하고 master js 또는 스크립트 태그에 함수를 추가해야합니다. jQuery (function () {jQuery ( ".scrollable")} scrollable ({vertical : true, mousewheel : false}); });

최종 사용자가 게시물을 슬라이더에 추가 할 수 있도록 모든 템플릿 파일에 범주별로 쿼리 게시물을 추가합니다.

다음 코드는 범주 8의 게시물을 슬라이더에 추가합니다.

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

전체 설정을 더 많은 플러그인처럼 만들려면 functions.php에서 jquery 도구를 등록하고 대기열에 추가하십시오.

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

이제 다른 함수를 추가하여 슬라이더 구성을 추가하십시오.

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

전체 공개, 내가 개발 한 jQuery 플러그인을 추천하려고합니다. -또한 WordPress 플러그인이 아니지만 (현재 작업 중임) 제안한 내용에 실제로 효과적으로 사용할 수 있습니다 (실제로 제안하는 용도는 개발의 기본 동기였습니다) 그것).

OptionTree 플러그인과 함께 클라이언트 WordPress 사이트에 기본 jQuery 슬라이더 ( http://www.basic-slider.com )를 사용합니다 ( http://wordpress.org/extend/plugins/option-tree/ )를 사용하여 추천 게시물/콘텐츠 슬라이드를 만듭니다.

기본 jQuery 슬라이더를 사용하면 슬라이드에서 원하는 마크 업을 사용할 수 있으므로 이미지, 제목, 발췌 등으로 주요 게시물/콘텐츠 슬라이더를 만드는 데 적합합니다. 사용자가 슬라이드의 내용을 관리 할 수 ​​있도록하기 위해 현재 사이트에있는 모든 페이지/게시물이 포함 된 각 슬라이드에 대한 간단한 선택 필드가있는 OptionTree. 사용자가 선택한 게시물에서 관련 콘텐츠를 가져 와서 템플릿에서 슬라이더를 구성하는 것은 사용자의 몫입니다. 또는 사용자가 카테고리, 태그 등을 선택하고이를 기반으로 슬라이더의 컨텐츠를 가져올 수 있습니다.

이 조합을 사용하여 사이트에서 여러 슬라이더를 만들고 관리 할 수도 있습니다.

나는 현재 이것을 완전한 기능을 갖춘 (그리고 무료) WordPress 플러그인으로 만들기 위해 노력하고 있습니다.

희망이 도움이되고 너무 자기 홍보하지 않았습니다 :)

0
john0514

나는 아주 행복했습니다 jcarousel . 잘 작동하고, 사용하기 쉽고, 멋진 기능이 있습니다.

0
googletorp