Page 1 of 1

Re: jor_carouselMeetsJssor 2.0__**UPDATE**___3.0

Posted: Tue Jul 19, 2016 12:55 pm
by jordan
BaconFries wrote:Nice update Jordan. :D
. :) .

Re: jor_carouselMeetsJssor 2.0__**UPDATE**___3.0

Posted: Thu Aug 18, 2016 7:17 pm
by mariojazz
Hi.
First time I try your extension,and just I do not think I even wonder extension.

Thanks Jordan

http://giphy.com/gifs/HJ8NsNtn9VswE/html5

Re: jor_carouselMeetsJssor 2.0__**UPDATE**___3.0

Posted: Fri Aug 19, 2016 11:50 am
by jordan
mariojazz wrote:Hi.
First time I try your extension,and just I do not think I even wonder extension.

Thanks Jordan

http://giphy.com/gifs/HJ8NsNtn9VswE/html5
Argh ye scurvy pirate:) - glad you like mariojazz

Can I give sound or noise effect to jor_carouselMeetsJssor

Posted: Mon Oct 03, 2016 7:34 pm
by mindentezzel
Dear Jordan,

many thanks for your great extensions. I love them.

Is there a way to add sound effect to the carousel? I think, there must be many ways, but I cannot write programs in html, Java etc.


I'd like to add sound when a picture comes in and when it goes out. How is it possible?
Please be very "user-friendly" , since I am not a guru 8)


Thanks,
T.

Re: Can I give sound or noise effect to jor_carouselMeetsJ

Posted: Tue Oct 04, 2016 12:49 pm
by jordan
mindentezzel wrote:Is there a way to add sound effect to the carousel? I think, there must be many ways, but I cannot write programs in html, Java etc.
hi mindentezzel,

great to hear you like my extensions:)

nope, sound effects is not part of the jssor slider, it takes custom code to achieve that
I can not help with custom coding, sorry:(
I can give you a head start on how to, but you have to take it from there to your own requirements
quick example - see here
I do not know if this holds up cross-browser (doubt it) ? - test for yourself

user friendly advise:)
personally I would recommend not to use sound and animation at the same time
especially if your not familiar with interactive media control, javascript, etc

but if this is what you want, then I can give you a quick how to ...

Re: jor_carouselMeetsJssor 3.0

Posted: Tue Oct 04, 2016 4:33 pm
by mindentezzel
Dear Jordan,
thank you for the fast example. It's great! What else! :)

Can you please post the wbs file just to see how it works. If I see one solution, I am able to use and/or modify this.
I do understand, if you wouldn't like to publish it for everyone, since it is not as perfect as your other great extensions. Knowing this, may I give you my email address, would you send the wbs to me?

Re: jor_carouselMeetsJssor 3.0

Posted: Wed Oct 05, 2016 10:15 am
by jordan
hi mindentezzel,

I think it's better to do it step by step to understand ... (mind the color notes)

STEP 1:
- add a WB carousel
- add jor_carouselMeetsJssor
- (or open jor_carouselMeetsJssor_easystart in the download, use any of the examples (IMPORTANT: match id in code))

STEP 2:
- add a HTML5 audio player to your project - add an audio clip
- set in the audio player - Autoplay to off
- set in the audio player - Show controls to off

STEP 3:
between page <HEAD> add the following ...

=============================================================================
<script>
$(function() {
//--- IMPORTANT: jor_cmj_pc1 = match carousel id --- see jor_carouselMeetsJssor pdf (methods and event)
jorcmj_pc1 = function(slideIndex,progress,progressBegin,idleBegin,idleEnd,progressEnd) {

var slideSt = progress<40;

// --- REPEAT THIS FOR EACH SLIDE/CLIP - copy/paste - (change index + media player)
if (slideIndex==1) {
if (slideSt) {
$('#MediaPlayer1')[0].play();
};
}
else if (slideSt) {
$('#MediaPlayer1')[0].pause();
$('#MediaPlayer1')[0].currentTime=0;
};
// --- REPEAT THIS FOR EACH SLIDE/CLIP - copy/paste - (change index + media player)


};
});
</script>
=============================================================================

STEP 4:
- repeat step 2 for each media clip required
- repeat "REPEAT" code for each slide/clip (copy/paste)


that should do, hope this helps!

Re: jor_carouselMeetsJssor 3.0

Posted: Wed Oct 05, 2016 12:14 pm
by mindentezzel
Thank you very much for your help and valuable time you spent writing this lesson :)

Works excellent!

Re: jor_carouselMeetsJssor 3.0__**UPDATE**__3.1

Posted: Wed May 31, 2017 2:01 pm
by jordan
jor_carouselMeetsJssor 3.1 - UPDATE

01. fix/enhanced: backdrop - adjust top position - dynamic on click - (float/grid)

for full update history, demo and download see top post

Re: jor_carouselMeetsJssor 3.1__**UPDATE**__3.2

Posted: Wed May 31, 2017 2:01 pm
by jordan
jor_carouselMeetsJssor 3.2 - UPDATE

01. fix/enhanced: window alert - WB12 fullpage mode
02. new: new option: pager 1 - border-radius
03. new: new option: slider counter - display total count
03. new-blocks: WB12 BLOCKS (x4) - basic + basic external + float + float external

for full update history, demo and download see top post