jor_carouselMeetsJssor 3.1__**UPDATE**__3.2

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
User avatar
BaconFries
 
 
Posts: 4485
Joined: Thu Aug 16, 2007 7:32 pm

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

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

Nice update Jordan. :D

jordan
 
 
Posts: 846
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

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

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

BaconFries wrote:Nice update Jordan. :D
. :) .

mariojazz
 
 
Posts: 141
Joined: Tue Jun 28, 2011 2:33 pm

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

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
 
 
Posts: 846
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

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

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
 
 
Posts: 69
Joined: Sun Feb 09, 2014 12:58 pm

Can I give sound or noise effect to jor_carouselMeetsJssor

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 8)


Thanks,
T.

jordan
 
 
Posts: 846
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: Can I give sound or noise effect to jor_carouselMeetsJ

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
 
 
Posts: 69
Joined: Sun Feb 09, 2014 12:58 pm

Re: jor_carouselMeetsJssor 3.0

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
 
 
Posts: 846
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_carouselMeetsJssor 3.0

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
 
 
Posts: 69
Joined: Sun Feb 09, 2014 12:58 pm

Re: jor_carouselMeetsJssor 3.0

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
 
 
Posts: 846
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

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

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
 
 
Posts: 846
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

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

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

Post Reply

Who is online

Users browsing this forum: No registered users and 8 guests