-2

Android 用の Google のホームページ ( http://developer.android.com/index.html ) では、ある種の「カルーセル」コントロールを使用して、左矢印または右矢印をクリックして別のビューを表示できるタイプのスライドショーを作成します。スライドショー内のコンテンツ。

私は同じものを使いたいので、Google Chrome ブラウザーで JavaScript ソースを表示し、css ファイルと一緒にダウンロードして再利用するだけでよいと考えています。インターネット上のオープン ソースの JavaScript コントロールである可能性もあります。

私が抱えている問題は、javascript コードを理解しようとしていることです。Chrome を使用すると、表示される JavaScript ファイルのいずれも、カルーセルの作成または管理に使用されるものを示しません。ソースとして表示されなくても、javascriptをダウンロードしてブラウザ内で実行できる可能性はありますか?

4

2 に答える 2

0

docs.jsこのページに含まれているのを見たことがありますか
以下は、カルーセルを管理するこの js の一部です

    /*
    * Slideshow 1.0
    * Used on /index.html and /develop/index.html for carousel
    *
    * Sample usage:
    * HTML -
    * <div class="slideshow-container">
    * <a href="" class="slideshow-prev">Prev</a>
    * <a href="" class="slideshow-next">Next</a>
    * <ul>
    * <li class="item"><img src="images/marquee1.jpg"></li>
    * <li class="item"><img src="images/marquee2.jpg"></li>
    * <li class="item"><img src="images/marquee3.jpg"></li>
    * <li class="item"><img src="images/marquee4.jpg"></li>
    * </ul>
    * </div>
    *
    * <script type="text/javascript">
    * $('.slideshow-container').dacSlideshow({
    * auto: true,
    * btnPrev: '.slideshow-prev',
    * btnNext: '.slideshow-next'
    * });
    * </script>
    *
    * Options:
    * btnPrev: optional identifier for previous button
    * btnNext: optional identifier for next button
    * btnPause: optional identifier for pause button
    * auto: whether or not to auto-proceed
    * speed: animation speed
    * autoTime: time between auto-rotation
    * easing: easing function for transition
    * start: item to select by default
    * scroll: direction to scroll in
    * pagination: whether or not to include dotted pagination
    *
    */ 

(function($) {
$.fn.dacTabbedList = function(o) {
//Options - see above
o = $.extend({
speed : 250,
easing: null,
nav_id: null,
frame_id: null
}, o || {});
//Set up a carousel for each
return this.each(function() {
var curr = 0;
var running = false;
var animCss = "margin-left";
var sizeCss = "width";
var div = $(this); 
...
于 2013-08-10T08:54:15.180 に答える
0

彼らはcarousel.jsを使用しています。

実際に見つけるのはそれほど難しくありませんでした。doc.js のスクリプトの下にあります

しかし、元の質問に答えるには、Javascript コードを非表示にする方法でかなりよく説明されています。完全に隠すことはできませんが、見つけにくくすることはできます。

于 2013-08-10T08:55:53.153 に答える