Homeslider - inaccurate sliding

[ldon]

I've moved a homeslider to the top of page and now it slides one whole picture and a bit of next picture.

How to sort it out.

 

Thak you.

[PascalVG]

Please provide a link to your site, so we can have a look.

What slider do you use?

What Prestashop version do you use?

[vekia]

you should also define slide sizes in the back office an upload images with NEW defined size

[ldon]

Please provide a link to your site, so we can have a look.

What slider do you use?

What Prestashop version do you use?

 

localhost- so far

1.5.4.1

 

you should also define slide sizes in the back office an upload images with NEW defined size

 

I've done it.

Doesn't help.

[vekia]

and what about css styles + js for homeslider? It is possible to check your page somewhere?

[ldon]

and what about css styles + js for homeslider? It is possible to check your page somewhere?

 

 

 

.bx-window {margin-bottom:10px;}

.bx-wrapper {

margin-bottom:0px;

clear: both;

}

 

/*next button*/

.bx-next {

display:none;

position:absolute;

top:40%;

right:-50px;

z-index:999;

width: 30px;

height: 30px;

text-indent: -999999px;

background: url(gray_next.png) no-repeat 0 -30px;

}

 

/*previous button*/

 

.bx-prev {

display:none;

position:absolute;

top:40%;

left:-50px;

z-index:999;

width: 30px;

height: 30px;

text-indent: -999999px;

background: url(gray_prev.png) no-repeat 0 -30px;

}

 

/*pager links*/

.bx-pager {

position: absolute;

bottom: 20px;

bottom:40px !ie;/* hack ie7 */

right: 15px;

padding-top: 7px;

font-size:11px;

color:#666;

text-align:center;

}

.bx-pager a {

display:inline-block;

zoom:1;

margin-right: 5px;

padding:4px 0 0 1px;

height:16px;/* 19 */

width:18px;/* 19 */

font-weight:bold;

font-size: 11px;

color:#000;

text-decoration:none;

background:url(gray_pager.png) no-repeat 0 -20px;

}

 

/*

* End color scheme styles

*/

 

 

/*next/prev button hover state*/

.bx-next:hover,

.bx-prev:hover {

background-position: 0 0;

}

 

/*pager links hover and active states*/

.bx-pager .pager-active,

.bx-pager a:hover {

color:#fff;

text-decoration:none;

background-position: 0 0;

}

 

/*captions*/

.bx-captions {

text-align:center;

font-size: 12px;

padding: 7px 0;

color: #666;

}

 

/*auto controls*/

.bx-auto {

text-align: center;

padding-top: 15px;

}

 

.bx-auto a {

color: #666;

font-size: 12px;

}

 

HOMESLIDER.JS

 

 

 

$(function(){

 

if (typeof(homeslider_speed) == 'undefined')

homeslider_speed = 500;

if (typeof(homeslider_pause) == 'undefined')

homeslider_pause = 3000;

if (typeof(homeslider_loop) == 'undefined')

homeslider_loop = true;

 

$('#homeslider').bxSlider({

infiniteLoop: homeslider_loop,

hideControlOnEnd: true,

pager: true,

autoHover: true,

auto: homeslider_loop,

speed: homeslider_speed,

pause: homeslider_pause,

controls: false

});

});

[ldon]

and what about css styles + js for homeslider? It is possible to check your page somewhere?

 

As I can see I'm not only one who do not know where is the problem.

[vekia]

It is possible to check your page somewhere?

[ldon]

It is possible to check your page somewhere?

 

Unfortunately only localhost yet.

[musicmaster]

Unfortunately only localhost yet.

 

In that case it would help at least a bit when you could provide some screendumps.

[ldon]

 

The green one is the first picture.

[ldon]

In that case it would help at least a bit when you could provide some screendumps.

 

No ideas ...??

Edited June 21, 2013 by ldon (see edit history)

[ldon]

[PascalVG]

Idon,

 

1) Is the home slider the standard home slider that comes with default Prestashop?

2) What happens if you move it back down? Does it return to normal again?

 

3) Is there anything that 'changes' the width of the column at the top, so that it makes the slider wider or smaller or so? Any block/other module shows there or so?

 

pascal

[ldon]

Idon,

 

1) Is the home slider the standard home slider that comes with default Prestashop?

2) What happens if you move it back down? Does it return to normal again?

 

3) Is there anything that 'changes' the width of the column at the top, so that it makes the slider wider or smaller or so? Any block/other module shows there or so?

 

pascal

 

1) yes

 

2) Whatever I do is still the same.

 

3) I've changed:

 

.bx-wrapper {

width: 100%;

clear: both;

 

}

[ldon]

Does anybody know any free home slider suitable for multistore?

 

Thx

[[email protected]]

I have exactly the same problem, the only difference is that I did not move my slider, I just delete the left column, so it takes all the space. I've already resized my images but the position is not accurate, it only works fine with the pager but in the other hand it bugs with the auto-loop.

It is still in a local stage so I don't have any to show.

 

thanks

[[email protected]]

en fait, je viens de remarque que ça arrive que sur chrome .....

 

sorry about that, lapsus linguis,

I just notices it only happens in chrome

 

Edit :

 

Just in case,

It looks like it is a zoom webkit problem, you can change the transition to fade and its going to work fine /

 

http://www.prestashop.com/forums/topic/234793-homeslider-width-broke-on-chrome-when-zooming/

Edited July 5, 2013 by [email protected] (see edit history)

[ldon]

en fait, je viens de remarque que ça arrive que sur chrome .....

 

sorry about that, lapsus linguis,

I just notices it only happens in chrome

 

Edit :

 

Just in case,

It looks like it is a zoom webkit problem, you can change the transition to fade and its going to work fine /

 

http://www.prestasho...e-when-zooming/

 

It works fine but I can not see the numbered dots of each slider picture. (1,2,3)