Changeset 27402 for extensions/Slide/js/slideshow.js

Timestamp:

Feb 18, 2014, 8:08:00 AM (10 years ago)

Author:

Miklfe

Message:

Correction du slideshow.js
correction de l'erreur d'affichage des boutons actions sur la page image
modification du css

File:

• extensions/Slide/js/slideshow.js (modified) (2 diffs)

extensions/Slide/js/slideshow.js

@@ -79 +79 @@
                                         $('ul',ele).append($('<li />').addClass('img-' + i).append($('<div />').addClass('contenerImg').width(options.width).height(cont_h).append(blockImg)));
                                 
-                                        var $block = $('.img-'+ i ,ele);
-                                        _resizeSlideshowImag($block)    ;
-
                                 });
-
+                                
+                                _resizeSlideshowImag();
         
-                //resize and center image_____________________________________________________________________________________________________
-                                
-                                function _resizeSlideshowImag ($block){
-
-                                        var $img                = $block.find('img'),
-                                                $descr          = $block.find('.descr'),
-                                                $img_w          = $img.width(),
-                                                $img_h          = $img.height(),
-                                                $img_r          = $img_h/$img_w,
-                                                $box_h          = cont_h,
-                                                $box_w          = options.width,
-                                                $box_r          = $box_h/$box_w,
-                                                $new_h,
-                                                $new_w;
-                                        
-                                        if(($img_h > $box_h) || ($img_w > $box_w)){
-                                                if($box_r < $img_r){
-                                                        $new_h  = $box_h - 30;
-                                                        $new_w  = $box_h / $img_r
-                                                }else{
-                                                        $new_h  = ($box_w * $img_r) - 30;
-                                                        $new_w  = $box_w
-                                                };
-
-                                        }else{
-                                                $new_h  = $img_h;
-                                                $new_w  = $img_w;
-                                        };
-                                        var $left       = ($(ele).data('e').s_w / 2)-($new_w / 2) + 'px',
-                                                $top    = ($box_h / 2)-($new_h / 2) + 'px';
-                                                
-                                        $img.css({
-                                                width   : $new_w + 'px',
-                                                height  : $new_h + 'px',
-                                                left    : $left,
-                                                top             : $top,
-                                        });
-                                        $descr.css(
-                                                {
-                                                left    : $left,
-                                                width   : $new_w + 'px',
-                                                height  : $new_h/4,
-                                                bottom  : (($box_h / 2)-($new_h / 2)) + 'px',
-                                        })
-                        //      })
-                                };
 //slide_____________________________________________________________________________________________
                                 if(options.styleSlideshow == 'Slide'){
@@ -323 +275 @@
 
 //___________________________________________Fonctions_____________________________________________________________________________________
+//resize and center image__________________________________________________________________________________________________________________
+                                
+                                function _resizeSlideshowImag (){
+                                        
+                                        $('ul img',ele).each(function(){
+                                                var $img                = $(this),
+                                                        $descr          = $(this).prev(),
+                                                        $img_w          = $img.width(),
+                                                        $img_h          = $img.height(),
+                                                        $img_r          = $img_h/$img_w,
+                                                        $box_h          = cont_h,
+                                                        $box_w          = options.width,
+                                                        $box_r          = $box_h/$box_w,
+                                                        $new_h,
+                                                        $new_w;
+                                                if(($img_h > $box_h) || ($img_w > $box_w)){
+                                                        if($box_r < $img_r){
+                                                                $new_h  = $box_h - 30;
+                                                                $new_w  = $box_h / $img_r
+                                                        }else{
+                                                                $new_h  = ($box_w * $img_r) - 30;
+                                                                $new_w  = $box_w
+                                                        };
+        
+                                                }else{
+                                                        $new_h  = $img_h;
+                                                        $new_w  = $img_w;
+                                                };
+                                                var $left       = ($(ele).data('e').s_w / 2)-($new_w / 2) + 'px',
+                                                        $top    = ($box_h / 2)-($new_h / 2) + 'px';
+                                                        
+                                                $img.css({
+                                                        width   : $new_w + 'px',
+                                                        height  : $new_h + 'px',
+                                                        left    : $left,
+                                                        top             : $top,
+                                                });
+                                                $descr.css(
+                                                        {
+                                                        left    : $left,
+                                                        width   : $new_w + 'px',
+                                                        height  : $new_h/4,
+                                                        bottom  : (($box_h / 2)-($new_h / 2)) + 'px',
+                                                })
+                                        })
+                                };
 //animation________________________________________________________________________________________________________________________________                     
                         function _rotate(ele) {