. .BaconFries wrote:Nice update Jordan.
jor_carouselMeetsJssor 3.1__**UPDATE**__3.2
Re: jor_carouselMeetsJssor 2.0__**UPDATE**___3.0
Re: jor_carouselMeetsJssor 2.0__**UPDATE**___3.0
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
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
Argh ye scurvy pirate:) - glad you like mariojazzmariojazz 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
-
-
- Posts: 72
- Joined: Sun Feb 09, 2014 12:58 pm
Can I give sound or noise effect to jor_carouselMeetsJssor
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.
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.
Re: Can I give sound or noise effect to jor_carouselMeetsJ
hi mindentezzel,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.
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 ...
-
-
- Posts: 72
- Joined: Sun Feb 09, 2014 12:58 pm
Re: jor_carouselMeetsJssor 3.0
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?
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
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!
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!
-
-
- Posts: 72
- Joined: Sun Feb 09, 2014 12:58 pm
Re: jor_carouselMeetsJssor 3.0
Thank you very much for your help and valuable time you spent writing this lesson
Works excellent!
Works excellent!
Re: jor_carouselMeetsJssor 3.0__**UPDATE**__3.1
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
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
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
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