Forzar HTTPS en upload Slider

[sora_ori]

Hola!

Tengo un modulo en Prestashop que me sube las fotos a un Slider con HTPP en lugar de HTTPS y por lo tanto mi sitio está como "no seguro".

He identificado el modulo y la variable que me sube las imagenes, es un archivo javascript pero no sé como forzar a que me ponga el HTTPS delante de la ruta.

Adjunto trozo de código:

Código (javascript) [Seleccionar] Expandir

slider.append(
                       $('<div class="nivo-slice" name="'+i+'"><img src="'+ vars.currentImage.attr('src') +'" style="position:absolute; width:'+ slider.width() +'px; height:auto; display:block !important; top:0; left:-'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px;" /></div>').css({
                           left:(sliceWidth*i)+'px',
                           width:sliceWidth+'px',
                           height:sliceHeight+'px',
                           opacity:'0',
                           overflow:'hidden'
                       })



En inspeccionar elemento de Chrome esta es la imagen:

Código (php) [Seleccionar] Expandir

<img class="nivo-main-image" src="http://miweb/tienda/img/blockslideshow/17.jpg" style="display: inline; width: 720px; height: 720px;">

Como se puede observar es HTTP, y me gustaría forzarlo a HTTPS.

Gracias de antena

[engel lex]

Código [Seleccionar] Expandir

vars.currentImage.attr('src')

este es tu culpable... ve si alguna opción de configuración tiene para hacerlo https

[sora_ori]

Hola engel lex

Gracias por tu respuesta, como puedo mirarlo, en el mismo archivo?
He mirado por mil sitios para cambiar todo lo que vea en HTTP por HTTPS pero ya no encuentro nada.
Yo pensaba que añadiendo https después de "src" me lo forzaría.

Saludos

[engel lex]

tienes que buscar que plugin es ese y sus opciones de configuración...

[sora_ori]

¿Cómo puedo hacer eso?

Posteo el fichero JS ya que la linea que me has señalado aparece varias veces:

Código (javascript) [Seleccionar] Expandir

/*
* jQuery Nivo Slider v3.2
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

(function($) {
   var NivoSlider = function(element, options){
       // Defaults are below
       var settings = $.extend({}, $.fn.nivoSlider.defaults, options);

       // Useful variables. Play carefully.
       var vars = {
           currentSlide: 0,
           currentImage: '',
           totalSlides: 0,
           running: false,
           paused: false,
           stop: false,
           controlNavEl: false
       };

       // Get this slider
       var slider = $(element);
       slider.data('nivo:vars', vars).addClass('nivoSlider');

       // Find our slider children
       var kids = slider.children();
       kids.each(function() {
           var child = $(this);
           var link = '';
           if(!child.is('img')){
               if(child.is('a')){
                   child.addClass('nivo-imageLink');
                   link = child;
               }
               child = child.find('img:first');
           }
           // Get img width & height
           var childWidth = (childWidth === 0) ? child.attr('width') : child.width(),
               childHeight = (childHeight === 0) ? child.attr('height') : child.height();

           if(link !== ''){
               link.css('display','none');
           }
           child.css('display','none');
           vars.totalSlides++;
       });
       
       // If randomStart
       if(settings.randomStart){
           settings.startSlide = Math.floor(Math.random() * vars.totalSlides);
       }
       
       // Set startSlide
       if(settings.startSlide > 0){
           if(settings.startSlide >= vars.totalSlides) { settings.startSlide = vars.totalSlides - 1; }
           vars.currentSlide = settings.startSlide;
       }
       
       // Get initial image
       if($(kids[vars.currentSlide]).is('img')){
           vars.currentImage = $(kids[vars.currentSlide]);
       } else {
           vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
       }
       
       // Show initial link
       if($(kids[vars.currentSlide]).is('a')){
           $(kids[vars.currentSlide]).css('display','block');
       }
       
       // Set first background
       var sliderImg = $('<img/>').addClass('nivo-main-image');
       sliderImg.attr('src', vars.currentImage.attr('src')).show();
       slider.append(sliderImg);

       // Detect Window Resize
       $(window).resize(function() {
           slider.children('img').width(slider.width());
           sliderImg.attr('src', vars.currentImage.attr('src'));
           sliderImg.stop().height('auto');
           $('.nivo-slice').remove();
           $('.nivo-box').remove();
       });

       //Create caption
       slider.append($('<div class="nivo-caption"></div>'));
       
       // Process caption function
       var processCaption = function(settings){
           var nivoCaption = $('.nivo-caption', slider);
           if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined){
               var title = vars.currentImage.attr('title');
               if(title.substr(0,1) == '#') title = $(title).html();  

               if(nivoCaption.css('display') == 'block'){
                   setTimeout(function(){
                       nivoCaption.html(title);
                   }, settings.animSpeed);
               } else {
                   nivoCaption.html(title);
                   nivoCaption.stop().fadeIn(settings.animSpeed);
               }
           } else {
               nivoCaption.stop().fadeOut(settings.animSpeed);
           }
       }
       
       //Process initial  caption
       processCaption(settings);
       
       // In the words of Super Mario "let's a go!"
       var timer = 0;
       if(!settings.manualAdvance && kids.length > 1){
           timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
       }
       
       // Add Direction nav
       if(settings.directionNav){
           slider.append('<div class="nivo-directionNav"><a class="nivo-prevNav">'+ settings.prevText +'</a><a class="nivo-nextNav">'+ settings.nextText +'</a></div>');
           
           $(slider).on('click', 'a.nivo-prevNav', function(){
               if(vars.running) { return false; }
               clearInterval(timer);
               timer = '';
               vars.currentSlide -= 2;
               nivoRun(slider, kids, settings, 'prev');
           });
           
           $(slider).on('click', 'a.nivo-nextNav', function(){
               if(vars.running) { return false; }
               clearInterval(timer);
               timer = '';
               nivoRun(slider, kids, settings, 'next');
           });
       }
       
       // Add Control nav
       if(settings.controlNav){
           vars.controlNavEl = $('<div class="nivo-controlNav"></div>');
           slider.after(vars.controlNavEl);
           for(var i = 0; i < kids.length; i++){
               if(settings.controlNavThumbs){
                   vars.controlNavEl.addClass('nivo-thumbs-enabled');
                   var child = kids.eq(i);
                   if(!child.is('img')){
                       child = child.find('img:first');
                   }
                   if(child.attr('data-thumb')) vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('data-thumb') +'" alt="" /></a>');
               } else {
                   vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
               }
           }

           //Set initial active link
           $('a:eq('+ vars.currentSlide +')', vars.controlNavEl).addClass('active');
           
           $('a', vars.controlNavEl).bind('click', function(){
               if(vars.running) return false;
               if($(this).hasClass('active')) return false;
               clearInterval(timer);
               timer = '';
               sliderImg.attr('src', vars.currentImage.attr('src'));
               vars.currentSlide = $(this).attr('rel') - 1;
               nivoRun(slider, kids, settings, 'control');
           });
       }
       
       //For pauseOnHover setting
       if(settings.pauseOnHover){
           slider.hover(function(){
               vars.paused = true;
               clearInterval(timer);
               timer = '';
           }, function(){
               vars.paused = false;
               // Restart the timer
               if(timer === '' && !settings.manualAdvance){
                   timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
               }
           });
       }
       
       // Event when Animation finishes
       slider.bind('nivo:animFinished', function(){
           sliderImg.attr('src', vars.currentImage.attr('src'));
           vars.running = false;
           // Hide child links
           $(kids).each(function(){
               if($(this).is('a')){
                  $(this).css('display','none');
               }
           });
           // Show current link
           if($(kids[vars.currentSlide]).is('a')){
               $(kids[vars.currentSlide]).css('display','block');
           }
           // Restart the timer
           if(timer === '' && !vars.paused && !settings.manualAdvance){
               timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
           }
           // Trigger the afterChange callback
           settings.afterChange.call(this);
       });
       
       // Add slices for slice animations
       var createSlices = function(slider, settings, vars) {
        if($(vars.currentImage).parent().is('a')) $(vars.currentImage).parent().css('display','block');
           $('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').width(slider.width()).css('visibility', 'hidden').show();
           var sliceHeight = ($('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').parent().is('a')) ? $('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').parent().height() : $('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').height();

           for(var i = 0; i < settings.slices; i++){
               var sliceWidth = Math.round(slider.width()/settings.slices);
               
               if(i === settings.slices-1){
                   slider.append(
                       $('<div class="nivo-slice" name="'+i+'"><img src="'+ vars.currentImage.attr('src') +'" style="position:absolute; width:'+ slider.width() +'px; height:auto; display:block !important; top:0; left:-'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px;" /></div>').css({
                           left:(sliceWidth*i)+'px',
                           width:(slider.width()-(sliceWidth*i))+'px',
                           height:sliceHeight+'px',
                           opacity:'0',
                           overflow:'hidden'
                       })
                   );
               } else {
                   slider.append(
                       $('<div class="nivo-slice" name="'+i+'"><img src="'+ vars.currentImage.attr('src') +'" style="position:absolute; width:'+ slider.width() +'px; height:auto; display:block !important; top:0; left:-'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px;" /></div>').css({
                           left:(sliceWidth*i)+'px',
                           width:sliceWidth+'px',
                           height:sliceHeight+'px',
                           opacity:'0',
                           overflow:'hidden'
                       })
                   );
               }
           }
           
           $('.nivo-slice', slider).height(sliceHeight);
           sliderImg.stop().animate({
               height: $(vars.currentImage).height()
           }, settings.animSpeed);
       };
       
       // Add boxes for box animations
       var createBoxes = function(slider, settings, vars){
        if($(vars.currentImage).parent().is('a')) $(vars.currentImage).parent().css('display','block');
           $('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').width(slider.width()).css('visibility', 'hidden').show();
           var boxWidth = Math.round(slider.width()/settings.boxCols),
               boxHeight = Math.round($('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').height() / settings.boxRows);
           
                       
           for(var rows = 0; rows < settings.boxRows; rows++){
               for(var cols = 0; cols < settings.boxCols; cols++){
                   if(cols === settings.boxCols-1){
                       slider.append(
                           $('<div class="nivo-box" name="'+ cols +'" rel="'+ rows +'"><img src="'+ vars.currentImage.attr('src') +'" style="position:absolute; width:'+ slider.width() +'px; height:auto; display:block; top:-'+ (boxHeight*rows) +'px; left:-'+ (boxWidth*cols) +'px;" /></div>').css({
                               opacity:0,
                               left:(boxWidth*cols)+'px',
                               top:(boxHeight*rows)+'px',
                               width:(slider.width()-(boxWidth*cols))+'px'
                               
                           })
                       );
                       $('.nivo-box[name="'+ cols +'"]', slider).height($('.nivo-box[name="'+ cols +'"] img', slider).height()+'px');
                   } else {
                       slider.append(
                           $('<div class="nivo-box" name="'+ cols +'" rel="'+ rows +'"><img src="'+ vars.currentImage.attr('src') +'" style="position:absolute; width:'+ slider.width() +'px; height:auto; display:block; top:-'+ (boxHeight*rows) +'px; left:-'+ (boxWidth*cols) +'px;" /></div>').css({
                               opacity:0,
                               left:(boxWidth*cols)+'px',
                               top:(boxHeight*rows)+'px',
                               width:boxWidth+'px'
                           })
                       );
                       $('.nivo-box[name="'+ cols +'"]', slider).height($('.nivo-box[name="'+ cols +'"] img', slider).height()+'px');
                   }
               }
           }
           
           sliderImg.stop().animate({
               height: $(vars.currentImage).height()
           }, settings.animSpeed);
       };

       // Private run method
       var nivoRun = function(slider, kids, settings, nudge){          
           // Get our vars
           var vars = slider.data('nivo:vars');
           
           // Trigger the lastSlide callback
           if(vars && (vars.currentSlide === vars.totalSlides - 1)){
               settings.lastSlide.call(this);
           }
           
           // Stop
           if((!vars || vars.stop) && !nudge) { return false; }
           
           // Trigger the beforeChange callback
           settings.beforeChange.call(this);

           // Set current background before change
           if(!nudge){
               sliderImg.attr('src', vars.currentImage.attr('src'));
           } else {
               if(nudge === 'prev'){
                   sliderImg.attr('src', vars.currentImage.attr('src'));
               }
               if(nudge === 'next'){
                   sliderImg.attr('src', vars.currentImage.attr('src'));
               }
           }
           
           vars.currentSlide++;
           // Trigger the slideshowEnd callback
           if(vars.currentSlide === vars.totalSlides){
               vars.currentSlide = 0;
               settings.slideshowEnd.call(this);
           }
           if(vars.currentSlide < 0) { vars.currentSlide = (vars.totalSlides - 1); }
           // Set vars.currentImage
           if($(kids[vars.currentSlide]).is('img')){
               vars.currentImage = $(kids[vars.currentSlide]);
           } else {
               vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
           }
           
           // Set active links
           if(settings.controlNav){
               $('a', vars.controlNavEl).removeClass('active');
               $('a:eq('+ vars.currentSlide +')', vars.controlNavEl).addClass('active');
           }
           
           // Process caption
           processCaption(settings);            
           
           // Remove any slices from last transition
           $('.nivo-slice', slider).remove();
           
           // Remove any boxes from last transition
           $('.nivo-box', slider).remove();
           
           var currentEffect = settings.effect,
               anims = '';
               
           // Generate random effect
           if(settings.effect === 'random'){
               anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade',
               'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');
               currentEffect = anims[Math.floor(Math.random()*(anims.length + 1))];
               if(currentEffect === undefined) { currentEffect = 'fade'; }
           }
           
           // Run random effect from specified set (eg: effect:'fold,fade')
           if(settings.effect.indexOf(',') !== -1){
               anims = settings.effect.split(',');
               currentEffect = anims[Math.floor(Math.random()*(anims.length))];
               if(currentEffect === undefined) { currentEffect = 'fade'; }
           }
           
           // Custom transition as defined by "data-transition" attribute
           if(vars.currentImage.attr('data-transition')){
               currentEffect = vars.currentImage.attr('data-transition');
           }
       
           // Run effects
           vars.running = true;
           var timeBuff = 0,
               i = 0,
               slices = '',
               firstSlice = '',
               totalBoxes = '',
               boxes = '';
           
           if(currentEffect === 'sliceDown' || currentEffect === 'sliceDownRight' || currentEffect === 'sliceDownLeft'){
               createSlices(slider, settings, vars);
               timeBuff = 0;
               i = 0;
               slices = $('.nivo-slice', slider);
               if(currentEffect === 'sliceDownLeft') { slices = $('.nivo-slice', slider)._reverse(); }
               
               slices.each(function(){
                   var slice = $(this);
                   slice.css({ 'top': '0px' });
                   if(i === settings.slices-1){
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
                       }, (100 + timeBuff));
                   } else {
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed);
                       }, (100 + timeBuff));
                   }
                   timeBuff += 50;
                   i++;
               });
           } else if(currentEffect === 'sliceUp' || currentEffect === 'sliceUpRight' || currentEffect === 'sliceUpLeft'){
               createSlices(slider, settings, vars);
               timeBuff = 0;
               i = 0;
               slices = $('.nivo-slice', slider);
               if(currentEffect === 'sliceUpLeft') { slices = $('.nivo-slice', slider)._reverse(); }
               
               slices.each(function(){
                   var slice = $(this);
                   slice.css({ 'bottom': '0px' });
                   if(i === settings.slices-1){
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
                       }, (100 + timeBuff));
                   } else {
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed);
                       }, (100 + timeBuff));
                   }
                   timeBuff += 50;
                   i++;
               });
           } else if(currentEffect === 'sliceUpDown' || currentEffect === 'sliceUpDownRight' || currentEffect === 'sliceUpDownLeft'){
               createSlices(slider, settings, vars);
               timeBuff = 0;
               i = 0;
               var v = 0;
               slices = $('.nivo-slice', slider);
               if(currentEffect === 'sliceUpDownLeft') { slices = $('.nivo-slice', slider)._reverse(); }
               
               slices.each(function(){
                   var slice = $(this);
                   if(i === 0){
                       slice.css('top','0px');
                       i++;
                   } else {
                       slice.css('bottom','0px');
                       i = 0;
                   }
                   
                   if(v === settings.slices-1){
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
                       }, (100 + timeBuff));
                   } else {
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed);
                       }, (100 + timeBuff));
                   }
                   timeBuff += 50;
                   v++;
               });
           } else if(currentEffect === 'fold'){
               createSlices(slider, settings, vars);
               timeBuff = 0;
               i = 0;
               
               $('.nivo-slice', slider).each(function(){
                   var slice = $(this);
                   var origWidth = slice.width();
                   slice.css({ top:'0px', width:'0px' });
                   if(i === settings.slices-1){
                       setTimeout(function(){
                           slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
                       }, (100 + timeBuff));
                   } else {
                       setTimeout(function(){
                           slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed);
                       }, (100 + timeBuff));
                   }
                   timeBuff += 50;
                   i++;
               });
           } else if(currentEffect === 'fade'){
               createSlices(slider, settings, vars);
               
               firstSlice = $('.nivo-slice:first', slider);
               firstSlice.css({
                   'width': slider.width() + 'px'
               });
   
               firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
           } else if(currentEffect === 'slideInRight'){
               createSlices(slider, settings, vars);
               
               firstSlice = $('.nivo-slice:first', slider);
               firstSlice.css({
                   'width': '0px',
                   'opacity': '1'
               });

               firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); });
           } else if(currentEffect === 'slideInLeft'){
               createSlices(slider, settings, vars);
               
               firstSlice = $('.nivo-slice:first', slider);
               firstSlice.css({
                   'width': '0px',
                   'opacity': '1',
                   'left': '',
                   'right': '0px'
               });

               firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){
                   // Reset positioning
                   firstSlice.css({
                       'left': '0px',
                       'right': ''
                   });
                   slider.trigger('nivo:animFinished');
               });
           } else if(currentEffect === 'boxRandom'){
               createBoxes(slider, settings, vars);
               
               totalBoxes = settings.boxCols * settings.boxRows;
               i = 0;
               timeBuff = 0;

               boxes = shuffle($('.nivo-box', slider));
               boxes.each(function(){
                   var box = $(this);
                   if(i === totalBoxes-1){
                       setTimeout(function(){
                           box.animate({ opacity:'1' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); });
                       }, (100 + timeBuff));
                   } else {
                       setTimeout(function(){
                           box.animate({ opacity:'1' }, settings.animSpeed);
                       }, (100 + timeBuff));
                   }
                   timeBuff += 20;
                   i++;
               });
           } else if(currentEffect === 'boxRain' || currentEffect === 'boxRainReverse' || currentEffect === 'boxRainGrow' || currentEffect === 'boxRainGrowReverse'){
               createBoxes(slider, settings, vars);
               
               totalBoxes = settings.boxCols * settings.boxRows;
               i = 0;
               timeBuff = 0;
               
               // Split boxes into 2D array
               var rowIndex = 0;
               var colIndex = 0;
               var box2Darr = [];
               box2Darr[rowIndex] = [];
               boxes = $('.nivo-box', slider);
               if(currentEffect === 'boxRainReverse' || currentEffect === 'boxRainGrowReverse'){
                   boxes = $('.nivo-box', slider)._reverse();
               }
               boxes.each(function(){
                   box2Darr[rowIndex][colIndex] = $(this);
                   colIndex++;
                   if(colIndex === settings.boxCols){
                       rowIndex++;
                       colIndex = 0;
                       box2Darr[rowIndex] = [];
                   }
               });
               
               // Run animation
               for(var cols = 0; cols < (settings.boxCols * 2); cols++){
                   var prevCol = cols;
                   for(var rows = 0; rows < settings.boxRows; rows++){
                       if(prevCol >= 0 && prevCol < settings.boxCols){
                           /* Due to some weird JS bug with loop vars
                           being used in setTimeout, this is wrapped
                           with an anonymous function call */
                           (function(row, col, time, i, totalBoxes) {
                               var box = $(box2Darr[row][col]);
                               var w = box.width();
                               var h = box.height();
                               if(currentEffect === 'boxRainGrow' || currentEffect === 'boxRainGrowReverse'){
                                   box.width(0).height(0);
                               }
                               if(i === totalBoxes-1){
                                   setTimeout(function(){
                                       box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3, '', function(){ slider.trigger('nivo:animFinished'); });
                                   }, (100 + time));
                               } else {
                                   setTimeout(function(){
                                       box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3);
                                   }, (100 + time));
                               }
                           })(rows, prevCol, timeBuff, i, totalBoxes);
                           i++;
                       }
                       prevCol--;
                   }
                   timeBuff += 100;
               }
           }          
       };
       
       // Shuffle an array
       var shuffle = function(arr){
           for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i, 10), x = arr[--i], arr[i] = arr[j], arr[j] = x);
           return arr;
       };
       
       // For debugging
       var trace = function(msg){
           if(this.console && typeof console.log !== 'undefined') { console.log(msg); }
       };
       
       // Start / Stop
       this.stop = function(){
           if(!$(element).data('nivo:vars').stop){
               $(element).data('nivo:vars').stop = true;
               trace('Stop Slider');
           }
       };
       
       this.start = function(){
           if($(element).data('nivo:vars').stop){
               $(element).data('nivo:vars').stop = false;
               trace('Start Slider');
           }
       };
       
       // Trigger the afterLoad callback
       settings.afterLoad.call(this);
       
       return this;
   };
       
   $.fn.nivoSlider = function(options) {
       return this.each(function(key, value){
           var element = $(this);
           // Return early if this element already has a plugin instance
           if (element.data('nivoslider')) { return element.data('nivoslider'); }
           // Pass options to plugin constructor
           var nivoslider = new NivoSlider(this, options);
           // Store plugin object in this element's data
           element.data('nivoslider', nivoslider);
       });
   };
   
   //Default settings
   $.fn.nivoSlider.defaults = {
       effect: 'random',
       slices: 15,
       boxCols: 8,
       boxRows: 4,
       animSpeed: 500,
       pauseTime: 3000,
       startSlide: 0,
       directionNav: true,
       controlNav: true,
       controlNavThumbs: false,
       pauseOnHover: true,
       manualAdvance: false,
       prevText: 'Prev',
       nextText: 'Next',
       randomStart: false,
       beforeChange: function(){},
       afterChange: function(){},
       slideshowEnd: function(){},
       lastSlide: function(){},
       afterLoad: function(){}
   };

   $.fn._reverse = [].reverse;
   
})(jQuery);


[engel lex]

en el codigo como pasas las imagenes al slider?

[sora_ori]

Las imágenes las subo desde Prestashop con un botón para examinar y buscar la foto para subirla. Desconozco si existe otro fichero para subirlo.

Hay una carpeta dentro de este modulo llamado "uploader" con un fichero llamado "simple.tpl".

Código (php) [Seleccionar] Expandir

{*
* 2007-2014 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2014 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{if isset($files) && $files|count > 0}
{assign var='show_thumbnail' value=false}
{foreach $files as $file}
{if isset($file.image) && $file.type == 'image'}
{assign var='show_thumbnail' value=true}
{/if}
{/foreach}
{if $show_thumbnail}
<div class="form-group">
<div class="col-lg-12" id="{$id}-images-thumbnails">
{foreach $files as $file}
{if isset($file.image) && $file.type == 'image'}
<div>
{$file.image}
{if isset($file.size)}<p>{l s='File size'} {$file.size}kb</p>{/if}
{if isset($file.delete_url)}
<p>
<a class="btn btn-default" href="{$file.delete_url}">
<i class="icon-trash"></i> {l s='Delete'}
</a>
</p>
{/if}
</div>
{/if}
{/foreach}
</div>
</div>
{/if}
{/if}
{if isset($max_files) && $files|count >= $max_files}
<div class="row">
<div class="alert alert-warning">{l s='You have reached the limit (%s) of files to upload, please remove files to continue uploading' sprintf=$max_files}</div>
</div>
{else}
<div class="form-group">
<div class="col-sm-6">
<input id="{$id}" type="file" name="{$name}"{if isset($multiple) && $multiple} multiple="multiple"{/if} class="hide" />
<div class="dummyfile input-group">
<span class="input-group-addon"><i class="icon-file"></i></span>
<input id="{$id}-name" type="text" name="filename" readonly />
<span class="input-group-btn">
<button id="{$id}-selectbutton" type="button" name="submitAddAttachments" class="btn btn-default">
<i class="icon-folder-open"></i> {if isset($multiple) && $multiple}{l s='Add files'}{else}{l s='Add file'}{/if}
</button>
{if (!isset($multiple) || !$multiple) && isset($files) && $files|count == 1 && isset($files[0].download_url)}
<a href="{$files[0].download_url}">
<button type="button" class="btn btn-default">
<i class="icon-cloud-download"></i>
{if isset($size)}{l s='Download current file (%skb)' sprintf=$size}{else}{l s='Download current file'}{/if}
</button>
</a>
{/if}
</span>
</div>
</div>
</div>
<script type="text/javascript">
{if isset($multiple) && isset($max_files)}
var {$id}_max_files = {$max_files - $files|count};
{/if}

$(document).ready(function(){
$('#{$id}-selectbutton').click(function(e) {
$('#{$id}').trigger('click');
});

$('#{$id}-name').click(function(e) {
$('#{$id}').trigger('click');
});

$('#{$id}-name').on('dragenter', function(e) {
e.stopPropagation();
e.preventDefault();
});

$('#{$id}-name').on('dragover', function(e) {
e.stopPropagation();
e.preventDefault();
});

$('#{$id}-name').on('drop', function(e) {
e.preventDefault();
var files = e.originalEvent.dataTransfer.files;
$('#{$id}')[0].files = files;
$(this).val(files[0].name);
});

$('#{$id}').change(function(e) {
if ($(this)[0].files !== undefined)
{
var files = $(this)[0].files;
var name  = '';

$.each(files, function(index, value) {
name += value.name+', ';
});

$('#{$id}-name').val(name.slice(0, -2));
}
else // Internet Explorer 9 Compatibility
{
var name = $(this).val().split(/[\\/]/);
$('#{$id}-name').val(name[name.length-1]);
}
});

if (typeof {$id}_max_files !== 'undefined')
{
$('#{$id}').closest('form').on('submit', function(e) {
if ($('#{$id}')[0].files.length > {$id}_max_files) {
e.preventDefault();
alert('{l s='You can upload a maximum of %s files'|sprintf:$max_files}');
}
});
}
});
</script>
{/if}

[engel lex]

te digo, el problema está casi seguramente en el lugar donde el primer plugin (el slider) agarra las fotos (no donde las subes, ese es otro lio), el las agarra de unos elementos en el html y parece que están en http