bxSlider and custom effect

Question

I am using http://bxslider.com and I want to remove all effects. To be clear, I want effect like hide() and show() bewteen my images, just that. Is anything like this possbile to do?

Thanks!

score 1 · Answer 1 · answered Sep 26 '12 at 05:16

1

Maybe try with speed param. From documentation:

speed
In ms, duration of time slide transitions will occupy

Try set it to 1ms or 0ms

answered Sep 26 '12 at 05:16

WooCaSh

5,180
5
36
54

Oh, but it is to fast I need the same time, just effect to change. – consigliere Sep 26 '12 at 05:25
so try now with parameter `easing` set it to `def` – WooCaSh Sep 26 '12 at 05:27
hm... got the error "Uncaught TypeError: Property 'def' of object # – consigliere Sep 26 '12 at 05:38
Are You have this line in Your code: `` or similar, I mean include **easing lib** – WooCaSh Sep 26 '12 at 05:43
Maybe it's stupid but trying easing: `"def" instead` of `easing: 'def'`? – WooCaSh Sep 26 '12 at 05:52
It should work. I follow by this options on page: http://gsgd.co.uk/sandbox/jquery/easing/#example – WooCaSh Sep 26 '12 at 06:01
$('#gallery').bxSlider({easing: 'def', 'auto':true, 'speed' : 1000, 'controls' : false}); like this to call? – consigliere Sep 26 '12 at 06:06
Try it. Are You have any live example like jsFiddle? – WooCaSh Sep 26 '12 at 06:08
no, I dont have, I still got the same error "Uncaught TypeError: Property 'def' of object # – consigliere Sep 26 '12 at 06:12
Are You must use this slider? Any other excepted? – WooCaSh Sep 26 '12 at 06:38
any other solution wiil be helpfull – consigliere Oct 04 '12 at 01:10
So You need only slider without any effect right? In left side picture, in right header with description right? – WooCaSh Oct 04 '12 at 12:41
Well something like that, just images without any effects. – consigliere Oct 04 '12 at 14:57

Faris M · Answer 2 · 2012-09-26T06:05:10.240

0

Have you actually tried passing in 'fade' to the mode option on constructor?

$("#slideshow").bxSlider({ mode:'fade' });

http://bxslider.com/options

I would try using the onBeforeSlide callback

function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){
  // perform actions here
}

and call .hide() on both the currentSlideHtmlObject and the next slide in the sequence.

then you can use the onAfterSlide callback to .show() the next slide.

edited Sep 26 '12 at 06:05

answered Sep 26 '12 at 05:52

Faris M

540
4
10

fade is effect and I want without any effects. – consigliere Sep 26 '12 at 05:54
Oh so you are saying you don't want any effect transition, you want it to be a hard transition, but still occupy the same amount of time? SO if transition time is one second, to hide current slide, then one second later show next slide? – Faris M Sep 26 '12 at 05:58
Ok it is acceptable but I dont how to do that. Some code please? – consigliere Sep 26 '12 at 06:01
I think you have it backwards, you should hide the current + next slide before transition, and then show the new current slide after transition. – Faris M Sep 26 '12 at 06:26

bxSlider and custom effect

2 Answers2