hi,

thanks for the module, its awesome. i have only one problem - the right image is losing its position when hovering fast between the images. you can see it on the demonstration page. is there a fix for that? can the right image stay fixed in its place?

this website ( http://marine.cpo.co.il/content/water-0 ) uses ur module and they somehow fixed it.

thanks.

CommentFileSizeAuthor
#6 slider1.jpg51.28 KBSHS
#5 slider1.jpg51.28 KBSHS
#5 slider2.jpg56.7 KBSHS

Comments

marcoka’s picture

i hovered very fast. i can not see anything strange? wich browser?

marcoka’s picture

Status: Active » Postponed (maintainer needs more info)
SHS’s picture

Status: Postponed (maintainer needs more info) » Active

Hey, thanks for responding.

im using ff3.5.15, but i checked it also on chrome and ie8. the thing is when i hover between images the right image (the last image) will slide to the left. the first image (the far left one) will always stick to its place coz its floating to the left. the last image is also floating to the left so when hovering fast it slides to the left after the other images which gets minimized. i really hope im explaining it properly, if not i would record a video and upload it so u can see what i mean.

thanks :]

marcoka’s picture

i do not get it. i can not see any misbehavior. screenshot?

SHS’s picture

StatusFileSize
new56.7 KB
new51.28 KB

ok ive got a screenshot for you.

when you hover above a given image it has an animation that maximize it and another image has an animation which minimizes it. when you hover fast and more than 2 animations are active simultaneously the width of the slider will change.

SHS’s picture

StatusFileSize
new51.28 KB
marcoka’s picture

a well yes. my plan for the next release is to integrate:
http://cherne.net/brian/resources/jquery.hoverIntent.html

so that the hover will only be triggered if the user intends the hover.

ranx’s picture

subscribing

marcoka’s picture

-

mikeaja’s picture

Just to clarify, hover / hoverIntent is not the issue here.

I have hoverIntent working, but it does not change the right positioning issue.

This is happening on the demo, so don't understand how it is possible not to see this issue. It is a minor thing, but when hovering, there is movement of the other slides that are to the right of the one animating.

It happens in FF (various versions) and Chrome.

Perhaps this is a jquery animation issue? Either way, it is making the difference between this module being ok rather than great.

I've tried playing with the CSS but have not had success yet.

marcoka’s picture

i now understand the problem. the jquery needs to be adjusted. patches welcome

marcoka’s picture

Status: Active » Needs work
graubnla’s picture

Status: Needs work » Patch (to be ported)

The following will fix this behaviour:

Add to your slider.js:

$('.views_horizontal_slider div.item-list li.hslider-last').css('width', maxWidth);

And change

$(lastBlock).animate({width: minWidth+'px'}, { queue:false, duration:animate_in});

to

$(lastBlock).not('.hslider-last').animate({width: minWidth+'px'}, { queue:false, duration:animate_in});

Finally add this in your views_horizontal_slider.css
(div.views_horizontal_slider width my vary depending on your layout)

div.views_horizontal_slider {
	width: 940px;
	overflow: hidden;
}

div.views_horizontal_slider div.item-list{
  width:2000px;
}

What does it do? Basicly the last item is always expanded, but just out of view because of overflow:hidden. This way the whitespace does not show up anymore.

stanl3y’s picture

Oh yeah, thanks that works great!

dsoundmn’s picture

Title: right image losing its position » right image losing its position (port from 6.x)
Version: 6.x-1.2 » 7.x-1.0
Assigned: Unassigned » dsoundmn
Status: Patch (to be ported) » Active

starting port

dsoundmn’s picture

Issue summary: View changes
Status: Active » Needs work