VPF::Carousel на JS проблема - Форум программистов

oranze

Дата 18.7.2008, 23:54 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 11.8.2007

Репутация: нет
Всего: нет

Есть код js:

Код


<script language="JavaScript">
<!--

        var pre_img = new Array();
        var tmp_vals = new Array();
        function _active(val, color, obj) {
            var ch = obj.childNodes;
            if( !ch ) return;
            if( obj.parentNode.parentNode && obj.parentNode.parentNode.tagName == "TABLE" ) {
                with( obj.parentNode.parentNode ) {
                    if( className == "dis" ) return;
                }
            }
            var j = 0;
            for( var i in ch ) {
                if( !/^TD$/i.test( ch[i].tagName ) ) continue;
                if( val ) {
                    if( j == 1 ) {
                        tmp_vals[j] = ch[i].style.background;
                        ch[i].style.background = "url(" + pre_img[color][j].src + ")";
                    }
                    else {
                        tmp_vals[j] = ch[i].childNodes[0].src;
                        ch[i].childNodes[0].src = pre_img[color][j].src;
                    }
                    
                }
                else {
                    if( j == 1 ) {
                        ch[i].style.background = tmp_vals[j];
                    }
                    else {
                        ch[i].childNodes[0].src = tmp_vals[j];
                    }
                }
                j ++;
            }
        }
        
        var BUTTONS = [];
        function _disable(el,dis) {
            if( !BUTTONS[el] ) BUTTONS[el] = document.getElementById( el );
            if( !BUTTONS[el] ) return;
            with( BUTTONS[el] ) {
                className = dis ? "dis" : "";
            }
        }
        pre_img[0] = new Array( new Image(), new Image(), new Image() );
        pre_img[0][0].src = "/img/dark/gray_btn_l_on.gif";
        pre_img[0][1].src = "/img/dark/gray_btn_c_on.gif";
        pre_img[0][2].src = "/img/dark/gray_btn_r_on.gif";
        var TO = false;        
        var scr = false;    
        var _l = false;        
        var _r = false;        
        var _row = false;    
        var speed = 1;        
        var speed_limit = 30;    
        var build_cnt = 10;        
        
        var onscroll_load_left = new Array();    
        var onscroll_load_right = new Array();    
        
        
        function _detect() {
            if( !scr ) scr = document.getElementById( "scroll" );
            if( !_l ) _l = document.getElementById( "_left" );
            if( !_r ) _r = document.getElementById( "_right" );
            if( !_row ) _row = document.getElementById( "lenta_row" );
            if( !scr || !_l || !_r || !_row ) return false;
            return true;
        }
        
        
        function _stop() {
            if( !TO ) return;
            clearTimeout( TO );
            speed = 1;
        }

        
        function _scroll(dX) {
            if( !_detect() ) return;
            var old = scr.scrollLeft;
            scr.scrollLeft += dX * speed;
            speed ++;
            if( speed >= speed_limit ) speed = speed_limit;
            
            
            if( old == scr.scrollLeft ) {
                var obj = old == 0 ? onscroll_load_left : onscroll_load_right;    
                var iindex = old == 0 ? 0 : -1;                                    
                var to = obj.length > build_cnt ? build_cnt : obj.length;        
                var ww;
                var scrollnow = 0;    
                
                
                if( obj.length ) {
                    
                    for( var i = 0; i < to; i ++ ) {
                        ww = obj[i][3];
                        if( ww ) {
                            scrollnow = ww;
                            ww = \'width="\' + ww + \'"\';
                        }
                        else if( 0 ) {
                            scrollnow = 150;
                            ww = \'onload="this.width = this.width;"\';
                        }
                        else {
                            scrollnow = 150;
                            ww = "";
                        }
                        
                        
                        with( _row.insertCell(iindex) ) {
                            align = "center";
                            style.padding = "5px";
                            innerHTML = \'<a href="\'+ obj[i][2] +\'"><img src="\'+ obj[i][1] +\'" height="80" \'+ ww +\' border="0" id="img_\'+obj[i][0]+\'"></a>\';
                            
                            
                            if( old == 0 ) {
                                scr.scrollLeft += scrollnow;
                            }
                            else {
                                scr.scrollLeft += 3;
                            }
                        }
                    }
                    
                    
                    for( var i = 0; i < to; i ++ ) {
                        if( old == 0 ) {
                            onscroll_load_left.shift();
                        }
                        else {
                            onscroll_load_right.shift();
                        }
                    }
                }
                
                else if( old == 0 ) {
                    _l.style.visibility = "hidden";
                    _stop();
                    return;
                }
                
                else {
                    _r.style.visibility = "hidden";
                    _stop();
                    return;
                }
            }
            _l.style.visibility = "";
            _r.style.visibility = "";
            
            TO = setTimeout( "_scroll("+dX+");", 1 );
        }
        
        var TO2 = false;    
        var scrBy = 0;        
        
        
        function _init() {
            if( !_detect() || !scr.scrollWidth ) {
                TO2 = setTimeout( "_init();", 1 );
                return false;
            }
            
            if( TO2 ) {
                clearTimeout( TO2 );
            }
            
            if( scrBy ) scr.scrollLeft = scrBy;
            
            if( scr.scrollLeft == 0 ) {
                _l.style.visibility = "hidden";
                _r.style.visibility = "visible";
            }
            else if( scr.scrollLeft + 600 >= scr.scrollWidth ) {
                _l.style.visibility = "visible";
                _r.style.visibility = "hidden";
            }
            if( scr.scrollWidth <= parseInt( scr.style.width ) ) {
                _l.style.visibility = "hidden";
                _r.style.visibility = "hidden";
            }
        }
        _init();
        
        
        var lenta_nav = new Array( new Image(), new Image(), new Image(), new Image() );        
        lenta_nav[0].src = "/img/dark/line_left_on.gif";
        lenta_nav[1].src = "/img/dark/line_right_on.gif";
        var lenta_nav_state = false;
        
        
        function _lenta_act(obj, type) {
            if( !lenta_nav[type + 2].src ) {
                lenta_nav[type + 2].src = obj.src;
            }
            
            lenta_nav_state = !lenta_nav_state;
            var shift = lenta_nav_state ? 0 : 2;
            
            obj.src = lenta_nav[type + shift].src;
        }
        
                        scrBy = 498;
                    var CPL = false;
                    function cpl(foto_id) {
                        if( !confirm( "Сообщить о нарушении правил?" ) ) return false;
                        if( !CPL ) CPL = create_element( "SCRIPT" );
                        if( !CPL ) return false;
                        CPL.src = "http://fotki.lv/?x=OS5RKFxDRy06RDxIUEVR&foto_id=" + foto_id;
                        return true;
                    }
var PURL  = "http://fotki.lv/?x=OS5RKFxEU1M5LlAoXEdHLTpHPEhSQFhGVkZHLTpGPEhUQVBFRy06TTxINTAvMSQn";

    var sm2;
    var TO2;
    function show_smiles(e) {
        var txtarea = document.getElementById( "comment" );
        txtarea.focus();
        
        var x, y;
        if( e.x ) {
            x = e.x;
            y = e.y;
        }
        else {
            x = e.pageX;
            y = e.pageY;
            alert(2);
        }

    y += parseInt( document.body.scrollTop );
    ww = 310;
        var win_w = document.body.scrollWidth;
        sm2 = document.getElementById( "sm_panel" );
        if( sm2.style.display != "" ) {
            sm2.style.position = "absolute";
            sm2.style.height = "100";
            sm2.style.width = ww + "";
            sm2.style.top = y - 200;
            sm2.style.left = x - 5;
            sm2.style.border = "solid 1px gray";
            sm2.style.backgroundColor = "#464646";
            sm2.style.display = "";
            if( parseInt( sm2.style.left ) < 0 ) sm2.style.left = 0;
            if( parseInt( sm2.style.left ) + ww >= win_w ) sm2.style.left = win_w - ww;
        }
        
        sm2.onmouseout = function() {
            TO2 = setTimeout( \'sm2.style.display = "none";\', 500 );
        }
        sm2.onmouseover = function() {
            clearTimeout( TO2 );
        }
    }

    self.name = "fotki";

    
-->
</SCRIPT>

и HTML:

Код


                          <table width="690"  >
                            <tr>

                                <td height="70" bgcolor="#e9edf2" align="center">
                                
                                <table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td style="padding: 0px 10px 0px 0px;">
            <a id="_left" href="javascript:;" onmousedown="_scroll(-1);" onmouseup="_stop();" onmouseout="_stop();"
                ><img src="templates/original/img/standart/line_left.gif" width="10" height="20" border="0" onmouseover="_lenta_act(this,0);" onmouseout="_lenta_act(this,0);"></a>
        </td>
        <td>
            <div style="overflow: hidden; width: 600px;" id="scroll">
                <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr id="lenta_row">';
                    $i=0;
                    $start = floor(($photo_total_count/2) - 6);
                    if ($start>0) {$end=$start+12;}
                    $i=1;
                    foreach ($mas_photos AS $value)
                    {
                     if ($i>=$start AND $i<=$end)
                            if($value['id']!=$photo_id)
                             $content.='
                    <td align="center" style="padding: 5px; "
                        ><a href="/?do=u_gal_pic&user='.$u_id.'&gal='.$value['gallery_id'].'&obj='.$value['id'].'"><img src="'.$value['thumbs'].'" height="80" border="0" id="img_16345834"></a></td>';
                         else 
                                $content.='
                    <td align="center" style="padding: 5px; border: solid 2px #9d9d9d;"
                        ><a href="/?do=u_gal_pic&user='.$u_id.'&gal='.$value['gallery_id'].'&obj='.$value['id'].'"><img src="'.$value['thumbs'].'" height="80" border="0" id="img_16345834"></a></td>';
                        else 
                        $content.='
                    <td align="center" style="padding: 5px; "
                        ><a href="/?do=u_gal_pic&user='.$u_id.'&gal='.$value['gallery_id'].'&obj='.$value['id'].'"><img src="/templates/original/img/standart/p.gif" height="80" border="0" id="img_16345834"></a></td>';
                     $i++;
                    }
                        
     $content.='</tr>
                </table>
            </div>
        </td>
        <td style="padding: 0px 0px 0px 10px;">
            <a id="_right" href="javascript:;" onmousedown="_scroll(1);" onmouseup="_stop();" onmouseout="_stop();"
                ><img src="templates/original/img/standart/line_right.gif" width="10" height="20" border="0" onmouseover="_lenta_act(this,1);" onmouseout="_lenta_act(this,1);"></a>
        </td>
    </tr>
    </table>

Вопрос такой, каким образом можно обяснить скрипту что нужно фокусироватся на определенной фотографии? Мозг кипит, мыслей нет!
Взято с fotki.lv
html подогнан под себя.

oranze

Дата 19.7.2008, 22:00 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 11.8.2007

Репутация: нет
Всего: нет

проблемма решена, вопрос снят

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »