Saludos cordiales compañeros de la comunidad de Prestasop, apelo a vuestro saber para ver si podéis arrojar un poco de luz en este entuerto, la cuestión es que mi cliente quiere que las imagenes del front page de los productos pasen de manera automática, ahora lo que ocurre que solo cambian cuando se pasa el cursor por las miniaturas, adjunto screen aclaratoria.
http://prntscr.com/chvh77
Llevo mucho tiempo dándole vueltas para que la imagen cambie de manera automática y he sacado las siguientes hipótesis:
1. En el caso que sea fancy box se podría modificar insertando el siguiente código:
"$(".fancybox").fancybox({ autoPlay : true, // slideshow will start after opening the first gallery item playSpeed : 3000 // 3sec pause between changing next item });"
-- en el caso que fuese la versión 2 de fancy box que tampoco lo tengo claro --
2. Otra cosa que también podría ser es un comando del clue tipe (aunque sinceramente no se si influye en la galería de imágenes)
A todo esto, he tenido que buscar donde meterlo y lo que más me ha encajado es el archivo "global.js" que ha y dentro del tema que estoy usando donde he encontrado los siguientes códigos.
jQuery.curCSS = jQuery.css;
if (!!$.prototype.cluetip)
$('a.cluetip').cluetip({
local:true,
cursor: 'pointer',
dropShadow: false,
dropShadowSteps: 0,
showTitle: false,
tracking: true,
sticky: false,
mouseOutClose: true,
fx: {
open: 'fadeIn',
openSpeed: 'fast'
}
}).css('opacity', 0.8);
if (!!$.prototype.fancybox)
$.extend($.fancybox.defaults.tpl, {
closeBtn : '<a title="' + FancyboxI18nClose + '" class="fancybox-item fancybox-close" href="javascript:;"></a>',
next : '<a title="' + FancyboxI18nNext + '" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
prev : '<a title="' + FancyboxI18nPrev + '" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
});
Y más abajo esto...
if (!!$.prototype.fancybox)
$.fancybox({
'padding': 0,
'width': 1087,
'height': 610,
'type': 'iframe',
'href': url + 'content_only=1' + anchor
});
Perteneciendo el primero a "//global variables" y el segundo a "// Used to compensante Chrome/Safari bug (they don't care about scroll bar for width)"
Esto es en todo lo que os puedo ayudar, os agradecería que me dijerais si voy por buen camino o que se os ocurriría a vosotros para poder hacer que las imágenes cambien de manera automática, cualquier alternativa es bien recibida.
Un saludo y gracias por adelantado =)