jor_carouselMeetsJssor 3.1__**UPDATE**__3.2

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
Post Reply
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

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

Post by jordan »

BaconFries wrote:Nice update Jordan. :D
. :) .
mariojazz
 
 
Posts: 14
Joined: Tue Jun 28, 2011 2:33 pm

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

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

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

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

Can I give sound or noise effect to jor_carouselMeetsJssor

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

Re: Can I give sound or noise effect to jor_carouselMeetsJ

Post 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 ...
mindentezzel
 
 
Posts: 72
Joined: Sun Feb 09, 2014 12:58 pm

Re: jor_carouselMeetsJssor 3.0

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

Re: jor_carouselMeetsJssor 3.0

Post 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!
mindentezzel
 
 
Posts: 72
Joined: Sun Feb 09, 2014 12:58 pm

Re: jor_carouselMeetsJssor 3.0

Post by mindentezzel »

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

Works excellent!
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

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

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

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

Post 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
Post Reply