Changeset 26915


Ignore:
Timestamp:
Jan 23, 2014, 10:50:23 AM (7 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.