jor_carouselMeetsJssor 3.1__**UPDATE**__3.2

BaconFries · Post by **BaconFries** » Mon Jul 18, 2016 9:47 pm

Nice update Jordan.

jordan · Post by **jordan** » Tue Jul 19, 2016 12:55 pm

BaconFries wrote:Nice update Jordan.

.

mariojazz · Post by **mariojazz** » Thu Aug 18, 2016 7:17 pm

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

jordan · Post by **jordan** » Fri Aug 19, 2016 11:50 am

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

mindentezzel · Post by **mindentezzel** » Mon Oct 03, 2016 7:34 pm

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

Thanks,
T.

jordan · Post by **jordan** » Tue Oct 04, 2016 12:49 pm

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 ...

mindentezzel · Post by **mindentezzel** » Tue Oct 04, 2016 4:33 pm

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?

jordan · Post by **jordan** » Wed Oct 05, 2016 10:15 am

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!

mindentezzel · Post by **mindentezzel** » Wed Oct 05, 2016 12:14 pm

Thank you very much for your help and valuable time you spent writing this lesson

Works excellent!

jordan · Post by **jordan** » Wed May 31, 2017 2:01 pm

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

jordan · Post by **jordan** » Wed May 31, 2017 2:01 pm

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

www.wysiwygwebbuilder.com

jor_carouselMeetsJssor 3.1UPDATE3.2

Re: jor_carouselMeetsJssor 2.0UPDATE_3.0

Re: jor_carouselMeetsJssor 2.0UPDATE_3.0

Re: jor_carouselMeetsJssor 2.0UPDATE_3.0

Re: jor_carouselMeetsJssor 2.0UPDATE_3.0

Can I give sound or noise effect to jor_carouselMeetsJssor

Re: Can I give sound or noise effect to jor_carouselMeetsJ

Re: jor_carouselMeetsJssor 3.0

Re: jor_carouselMeetsJssor 3.0

Re: jor_carouselMeetsJssor 3.0

Re: jor_carouselMeetsJssor 3.0UPDATE3.1

Re: jor_carouselMeetsJssor 3.1UPDATE3.2

Who is online