Changeset 26915


Ignore:
Timestamp:
01/23/14 10:50:23 (6 years ago)
Author:
Miklfe
Message:
 
Location:
extensions/Slide
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • extensions/Slide/js/slide.js

    r26889 r26915  
    174174// removal/edit comment 
    175175                $(document).on('click', '.actions a', function(e){ 
    176                         var e           = $(this), 
    177                                 confi   = e.attr('confirm'); 
    178                         if(e.hasClass('delet')){ 
    179                                 if (confirm(confi)) { 
    180                                         _rem_ed(e); 
     176                        var $a          = $(this); 
     177                        if($a.hasClass('delet')){ 
     178                                var     $confi  = $a.attr('confirm'); 
     179                                if (confirm($confi)) { 
     180                                        _rem_ed($a); 
    181181                                }; 
    182182                        } 
    183                         if(e.hasClass('annul')){ 
    184                                 var href = e.attr('href') + ' #comments'; 
    185                                 $('#comments').addClass('unwrap').load(href, function(){ 
    186                                         $('.unwrap').children().unwrap(); 
    187                                 }); 
    188                         } 
    189                         if(e.hasClass('editComment')){ 
    190                                 _rem_ed(e); 
    191                         }; 
    192                         e.preventDefault(); 
    193                 }); 
    194  
     183                        _rem_ed($a); 
     184                        e.preventDefault(); 
     185                }); 
     186                 
    195187//Change the order of comments 
    196188                $(document).on('click', '.commentsOrder', function(e){ 
    197                         $.ajax({   
    198                                 url             : $(this).attr('href'),  
    199                                 success : function(html){ 
    200                                         _comment_reload(html) 
    201                                                 } 
    202                         }); 
     189                        var $a          = $(this); 
     190                        _rem_ed($a); 
    203191                        e.preventDefault(); 
    204192                }); 
     
    206194//edit profil            
    207195                $(document).on('click', '#profile input[name=reset_to_default]', function(e){ 
    208                         var profil              = $('#profile'), 
    209                                 profilhref      = profil.attr('action'), 
    210                                 profilmet       = profil.attr('method'), 
    211                                 profilser       = profil.serialize(), 
    212                                 profilval       = $(this).attr('value'), 
    213                                 profilnam       = $(this).attr('name'), 
    214                         data = profilser + '&' + profilnam + '=' + profilval; 
     196                        var $profil             = $('#profile'), 
     197                                $profilhref     = $profil.attr('action'), 
     198                                $profilmet      = $profil.attr('method'), 
     199                                $profilser      = $profil.serialize(), 
     200                                $profilval      = $(this).attr('value'), 
     201                                $profilnam      = $(this).attr('name'), 
     202                                $data = $profilser + '&' + $profilnam + '=' + $profilval; 
    215203                                $.ajax({            
    216                                         url             : profilhref,  
    217                                         type    : profilmet,  
    218                                         data    : data,  
     204                                        url             : $profilhref,  
     205                                        type    : $profilmet,  
     206                                        data    : $data,  
    219207                                        success : function(html) { 
    220                                                 var content = $(html).find('#profile'); 
    221                                                 profil.replaceWith(content) 
     208                                                var $content = $(html).find('#profile'); 
     209                                                $profil.replaceWith($content) 
    222210                                        } 
    223211                                });                      
     
    227215// search page 
    228216                $(document).on('submit', '.theSearchPage .filter', function(e){ 
    229                         var sch         = $('.filter'), 
    230                         schmet  = sch.attr('method'), 
    231                         schser  = sch.serialize(), 
    232                         schhref = sch.attr('action'); 
    233                         schser = schser+"&submit=Valide"; 
     217                        var $sch                = $('.filter'), 
     218                                $schmet         = $sch.attr('method'), 
     219                                $schser         = $sch.serialize(), 
     220                                $schhref        = $sch.attr('action'); 
     221                                $schser         = $schser+"&submit=Valide"; 
    234222                        $.ajax({            
    235                                 url             : schhref,  
    236                                 type    : schmet,  
    237                                 data    : schser,  
     223                                url             : $schhref,  
     224                                type    : $schmet,  
     225                                data    : $schser,  
    238226                                success : function(html){ 
    239                                         var e = $(html).find('.errors'); 
    240                                         if(e.length){ 
    241                                                 var inf = e.text() 
    242                                                 _message(inf); 
     227                                        var $e = $(html).find('.errors'); 
     228                                        if($e.leng$th){ 
     229                                                var $inf = $e.text(); 
     230                                                _message($inf); 
    243231                                        } else { 
    244232                                                var $href               = $(html).find('.titrePage h2 a:nth-child(2)').attr('href'), 
     
    257245//comment page 
    258246                $(document).on('submit', '.theCommentsPage .filter',  function(e){ 
    259                         var com         = $('.filter'), 
    260                                 commet  = com.attr('method'), 
    261                                 comser  = com.serialize(),  
    262                                 comhref = com.attr('action'); 
     247                        var $com                = $('.filter'), 
     248                                $commet         = $com.attr('method'), 
     249                                $comser         = $com.serialize(),  
     250                                $comhref        = $com.attr('action'); 
    263251                        $.ajax({            
    264                                 url             : comhref,  
    265                                 type    : commet,  
    266                                 data    : comser,  
     252                                url             : $comhref,  
     253                                type    : $commet,  
     254                                data    : $comser,  
    267255                                success : function(html){ 
    268256                                        var $layerShow          = $('body').data('layerShow'), 
     
    544532                function _load_slideshow($href,$slideW) { 
    545533                        $('#slideshow').empty().addClass('slideloader'); 
    546                         $.getScript('themes/Slide/js/slideshow.js'); 
     534                        if (!$('#slideshow').hasClass('slideshowReady')) { 
     535                                $.getScript('themes/Slide/js/slideshow.js', function(){ 
     536                                        $('#slideshow').addClass('slideshowReady'); 
     537                                }); 
     538                        }; 
     539                         
    547540                        $.ajax({ 
    548541                                url     : $href, 
     
    572565                }; 
    573566 
     567                function _stock_img($href,$title){ 
     568                        var $img = {src : $href  , title : $title , descr : $title}; 
     569                        $slideshow.push($img); 
     570                }; 
     571                 
    574572                function _tabs_dragbar() { 
    575573                        var $layerShow  = $('body').data('layerShow'); 
     
    588586                }; 
    589587                 
    590                 function _stock_img($href,$title){ 
    591                         var $img = {image : $href  , title : $title , descr : $title}; 
    592                         $slideshow.push($img); 
    593                 }; 
    594  
    595588                function _close($tabClick) { 
    596589                        var $layerBack  = $tabClick.parent(), 
     
    646639 
    647640                function _rem_ed(e) { 
    648                         var c = e.attr('class'), 
    649                                 href = e.attr('href'); 
     641                        var $href = e.attr('href'); 
    650642                        $.ajax({   
    651                                 url             : href,  
     643                                url             : $href,  
    652644                                success : function(html){ 
    653645                                _comment_reload(html) 
     
    699691                        var $com                = $(html).find('#comments'), 
    700692                                $layerShow      = $('body').data('layerShow'); 
    701                                 console.log($com); 
    702693                        $('#comments', $layerShow).replaceWith($com); 
    703694                }; 
  • extensions/Slide/js/slideshow.js

    r26889 r26915  
    5353                         
    5454                        $(ele).data('e',v_ele);  
    55                         $(ele).width(options.width).height(options.height).addClass(options.styleSlideshow + ' slideshow').append($('<div />').addClass('slidecontent').append($('<div />').addClass('contener_slideshow').append($('<ul />'))).append($('<div/>').addClass('control_slideshow'))); 
    56                          
    57                          
    58                          
    59         /*              $(window).load(function(){ 
    60                                 $(ele).removeClass('slideloader'); 
    61                                 $('.slidecontent', ele).animate({ 
    62                                         opacity: 1 
    63                                 },400); 
    64                         });*/ 
    65                          
     55                        $(ele).width(options.width).height(options.height).addClass(options.styleSlideshow + ' slideshow').append($('<div />').addClass('slidecontent').append($('<div />').addClass('contener_slideshow').append($('<ul />').height(cont_h))).append($('<div/>').addClass('control_slideshow'))); 
     56                         
     57                                                 
    6658                        //mise en place des images 
    6759                        $(document).ready(function(){ 
    6860                                $.each(options.imgs, function(i, img){ 
    69                                         var imag                = img.image, 
     61                                        var imag                = img.src, 
    7062                                                alt             = img.alt, 
    7163                                                title           = img.title, 
     
    7365                                                descr           = img.descr; 
    7466                                                 
    75                                         if(typeof descr === 'undefined'){        
    76                                                 var divDescr    = "" 
     67                                                if(typeof descr === 'undefined'){        
     68                                                        var divDescr    = "" 
     69                                                }else{ 
     70                                                        var     divDescr        =[$('<div />').addClass('descr').html(descr)] 
     71                                                }; 
     72                                                 
     73                                                if(typeof url === 'undefined'){ 
     74                                                        var blockImg    = [$('<div />').append(divDescr).append($('<img />').attr({'src':imag , 'alt':alt , 'title':title }))] 
     75                                                }else{ 
     76                                                        var     blockImg        = [$('<a />').attr({'href':url , 'target':options.target}).append(divDescr).append($('<img />').attr({'src':imag , 'alt':alt , 'title':title }))] 
     77                                                } 
     78                                                 
     79                                $('ul',ele).append($('<li />').addClass('img-' + i).append($('<div />').addClass('contenerImg').width(options.width).height(cont_h).append(blockImg))); 
     80         
     81 
     82                                }); 
     83 
     84                        _resizeSlideshowImag()  ; 
     85         
     86                //resize and center image_____________________________________________________________________________________________________ 
     87                                 
     88                                function _resizeSlideshowImag (){ 
     89                                        var e = $('ul',ele); 
     90                                         
     91                                        e.each(function(){ 
     92                                                 
     93                                        var $img                = e.find('img'), 
     94                                                $descr          = e.find('.descr'), 
     95                                                $img_w          = $img.width(), 
     96                                                $img_h          = $img.height(), 
     97                                                $img_r          = $img_h/$img_w, 
     98                                                $box_h          = cont_h, 
     99                                                $box_w          = options.width, 
     100                                                $box_r          = $box_h/$box_w, 
     101                                                $new_h, 
     102                                                $new_w; 
     103 
     104                                         
     105                                        if(($img_h > $box_h) || ($img_w > $box_w)){ 
     106                                                if($box_r < $img_r){ 
     107                                                        $new_h  = $box_h - 30; 
     108                                                        $new_w  = $box_h / $img_r 
     109                                                }else{ 
     110                                                        $new_h  = ($box_w * $img_r) - 30; 
     111                                                        $new_w  = $box_w 
     112                                                }; 
     113 
    77114                                        }else{ 
    78                                                 var     divDescr        =[$('<div />').addClass('descr').html(descr)] 
    79                                         }; 
    80                                          
    81                                         if(typeof url === 'undefined'){ 
    82                                                 var blockImg = [$('<div />').append(divDescr).append($('<img />').attr({'src':imag , 'alt':alt , 'title':title }))] 
    83                                         }else{ 
    84                                                 var     blockImg        =[$('<a />').attr({'href':url , 'target':options.target}).append(divDescr).append($('<img />').attr({'src':imag , 'alt':alt , 'title':title }))] 
    85                                         } 
    86                                          
    87                                         $('ul',ele).height(cont_h); 
    88                                         $('ul',ele).append($('<li />').addClass('img-' + i).append($('<div />').addClass('contenerImg').width(options.width).height(cont_h).append(blockImg))) 
     115                                                $new_h  = $img_h; 
     116                                                $new_w  = $img_w; 
     117                                        }; 
     118                                        var $left       = ($(ele).data('e').s_w / 2)-($new_w / 2) + 'px', 
     119                                                $top    = ($box_h / 2)-($new_h / 2) + 'px'; 
     120                                                 
     121                                        $img.css({ 
     122                                                width   : $new_w + 'px', 
     123                                                height  : $new_h + 'px', 
     124                                                left    : $left, 
     125                                                top             : $top, 
     126                                        }); 
     127                                        $descr.css( 
     128                                                { 
     129                                                left    : $left, 
     130                                                width   : $new_w + 'px', 
     131                                                height  : $new_h/4, 
     132                                                bottom  : (($box_h / 2)-($new_h / 2)) + 'px', 
     133                                        }) 
    89134                                }) 
    90  
    91                 //resize and center image_____________________________________________________________________________________________________ 
    92                                 $('.contenerImg',ele).each(function(){ 
    93                                         var img                 = $(this).find('img'), 
    94                                                 img_w           = $(this).find('img').width(), 
    95                                                 img_h           = $(this).find('img').height(), 
    96                                                 img_r           = img_h/img_w, 
    97                                                 box_h           = $(this).height(), 
    98                                                 box_w           = $(this).width(), 
    99                                                 box_r           = box_h/box_w, 
    100                                                 new_h, 
    101                                                 new_w; 
    102                                          
    103                                         if((img_h > box_h) || (img_w > box_w)){ 
    104                                                 if(box_r < img_r){ 
    105                                                         new_h   = box_h - 30; 
    106                                                         new_w   = box_h / img_r 
    107                                                 }else{ 
    108                                                         new_h   = (box_w * img_r) - 30; 
    109                                                         new_w   = box_w 
    110                                                 }; 
    111                                                 img.css({ 
    112                                                         width   : new_w + 'px', 
    113                                                         height  : new_h + 'px' 
    114                                                 }) 
    115                                         }else{ 
    116                                                 new_h   = img_h; 
    117                                                 new_w   = img_w; 
    118                                         }; 
    119                                         var left        = ($(ele).data('e').s_w / 2)-(new_w / 2) + 'px', 
    120                                                 top             = (box_h / 2)-(new_h / 2) + 'px', 
    121                                                 descr   = $(this).find('.descr'); 
    122                                         img.css({ 
    123                                                 left    : left, 
    124                                                 top             : top, 
    125                                         }); 
    126                                         descr.css( 
    127                                                 { 
    128                                                 left    : left, 
    129                                                 width   : new_w + 'px', 
    130                                                 height  : new_h/4, 
    131                                                 bottom  : ((box_h / 2)-(new_h / 2)) + 'px', 
    132                                         }) 
    133                                 }); 
    134                                  
     135                                }; 
    135136//slide_____________________________________________________________________________________________ 
    136137                                if(options.styleSlideshow == 'Slide'){ 
     
    149150                         
    150151//bouton play/pause________________________________________________________________________________________________________________________ 
    151                         if(options.displayPlayPause == true){ 
    152                                 $('.control_slideshow', ele).append($('<div />').addClass('slideshow_control')) 
    153                         }; 
     152                                if(options.displayPlayPause == true){ 
     153                                        $('.control_slideshow', ele).append($('<div />').addClass('slideshow_control')) 
     154                                }; 
    154155 
    155156//auto démarage____________________________________________________________________________________________________________ 
     
    187188                                                $('.clt_thumb', ele).hide() 
    188189                                        }; 
    189                                         var resize_thumb_w              = ((options.width-(n_thumb * 6))/n_thumb), 
     190                                        var resize_thumb_w              = ((options.width-(n_thumb * 5))/n_thumb), 
    190191                                                r                                       = options.thumb_width/options.thumb_height, 
    191192                                                rezise_thumb_h          = resize_thumb_w / r, 
     
    195196                                        $('.link', ele).append($('<div />').addClass('nav-thumb-content').height(rezise_thumb_h + 10).width(navThumb_w)); 
    196197                                        $.each(options.imgs, function(i, img){ 
    197                                                 var imag        = img.image; 
     198                                                var imag        = img.src; 
    198199                                                $('.nav-thumb-content', ele).append($('<span />').addClass('slideshow-' + i + ' nav-link slideshow-thumb').attr('imag', i).width(resize_thumb_w).height(rezise_thumb_h).append($('<img />').attr({'class':'thumb','src':imag}))); 
    199200                                        }); 
     
    271272                        }); 
    272273                         
    273 //mouse over_______________________________________________________________________________________________________________________________________________ 
    274                 $('.contener_slideshow', ele).hover(function() { 
    275                 $(ele).data('e').playOnT = $(ele).data('e').playOn; 
     274//mouse over image_______________________________________________________________________________________________________________________________________________ 
     275                $('.contener_slideshow', ele).find('img').hover(function() { 
     276                        $(ele).data('e').playOnT = $(ele).data('e').playOn; 
    276277                        if($(ele).data('e').playOn == true){ 
    277278                                $(ele).data('e').playOn = false; 
    278279                                _pause(ele); 
    279280                        } 
    280                         $(this).find('.descr').slideDown(200, function() { 
     281                        $(this).parent().find('.descr').slideDown(200, function() { 
    281282                                $(this).clearQueue(); 
    282283                        });      
    283284                }, function() { 
    284                                 if ($(ele).data('e').playOnT == true){ 
    285                                         $(ele).data('e').playOn = true; 
    286                                         _start(ele) 
    287                                 } 
    288                                 $(this).find('.descr').slideUp(200, function() { 
    289                                         $(this).clearQueue(); 
    290                                 }); 
    291                 });              
     285                        if ($(ele).data('e').playOnT == true){ 
     286                                $(ele).data('e').playOn = true; 
     287                                _start(ele) 
     288                        } 
     289                        $(this).parent().find('.descr').slideUp(200, function() { 
     290                                $(this).clearQueue(); 
     291                        }); 
     292                });      
     293                 
     294//mouse over nav 
     295                $('.nav', ele).hover(function() { 
     296                        $(ele).data('e').playOnT = $(ele).data('e').playOn; 
     297                        if($(ele).data('e').playOn == true){ 
     298                                $(ele).data('e').playOn = false; 
     299                                _pause(ele); 
     300                        } 
     301                         
     302                }, function() { 
     303                        if ($(ele).data('e').playOnT == true){ 
     304                                $(ele).data('e').playOn = true; 
     305                                _start(ele) 
     306                        } 
     307                }); 
     308 
     309                 
    292310//nav thumb________________________________________________________________________________________________________________________________________________ 
    293311                        $('.thumb-right',ele).on('mousedown',function(){ 
     
    372390                        }; 
    373391 
    374  
     392                 
    375393//stop animation______________________________________________________________________________________________________________________________                   
    376394                        function _pause(ele) { 
     
    406424                        function _thumbSlide(ele) { 
    407425                                if(options.navType == 'thumb'){ 
    408                                         var a = ($(ele).data('e').i_img)/$(ele).data('e').n_thumb; 
     426                                        var a                           = ($(ele).data('e').i_img)/$(ele).data('e').n_thumb, 
     427                                                thumbcontent    = $('.nav-thumb-content', ele); 
    409428                                        if(a < 0){ 
    410429                                                a = 0 
     
    412431                                        $(ele).data('e').thumb_i = Math.floor(a); 
    413432                                        var m_r = ( $(ele).data('e').thumb_i)* $(ele).data('e').s_w; 
    414                                         if ( m_r > $('.nav-thumb-content', ele).width() - $('.nav-thumb-slide', ele).width()){ 
    415                                                 m_r = $('.nav-thumb-content', ele).width() - $('.nav-thumb-slide', ele).width(); 
    416                                         }; 
    417                                         var n_p = $('.nav-thumb-content', ele).position(); 
    418                                         if ( n_p.left != m_r){ 
    419                                                 $('.nav-thumb-content', ele).animate({ 
    420                                                                 left : - m_r 
    421                                                 }) 
    422                                         } 
     433                                        if ( m_r > thumbcontent.width() - $('.nav-thumb-slide', ele).width()){ 
     434                                                m_r = thumbcontent.width() - $('.nav-thumb-slide', ele).width(); 
     435                                        }; 
     436                                        var n_p = thumbcontent.position(); 
     437                                        if($('.link:hover', ele).length == 0){ 
     438                                                if ( n_p.left != m_r ){ 
     439                                                        $('.nav-thumb-content', ele).animate({ 
     440                                                                        left : - m_r 
     441                                                        }) 
     442                                                }; 
     443                                        }; 
    423444                                } 
    424445                        }; 
  • extensions/Slide/theme.css

    r26894 r26915  
    905905        cursor:                                         pointer; 
    906906        position:                                       absolute; 
    907         width:                                          20%; 
     907        width:                                          10%; 
    908908        top:                                            0; 
    909909        min-width:                                      30px 
Note: See TracChangeset for help on using the changeset viewer.