jor_transition 4.0
jor_transition 4.0
jor_transition 4.0
=======================================================================================
jor_transition is based upon mike alsup's jQuery Cycle plugin
jor_transition creates cycle effects on iframes - ie. scroll, slide, fade, wipe etc effects
jor_transition update 4 is a rewrite of jor_transition
=======================================================================================
DEMO jor_transition: visit jorextensions.com
DOWNLOAD: jor_transition
Builder: jordan (6j6)
Additional code: jordan (6j6)
Code: mike alsup's cycle plugin
EB version: 4.1.0
WB version: 8+
jQuery lib: 1.7.2/1.9.1/1.11.1
W3C valid: Html, Xhtml
License: released under the MIT and GPL licenses
HISTORY:
-#-#-#- update 1 - 3: -#-#-#- 01/feb/10 - 26/feb/10
01. note: jor_transition update 4 is a rewrite of jor_transition (see .pdf in download)
-#-#-#- update 4: -#-#-#- 19/may/13
01. enhanced: WB inner jQuery + UI fx
02. changed: jquery cycle version 3.01/2.73
03. enhanced: removed anchor setup
04. enhanced: cycle slider dimension set by extension
05. enhanced: IE allowtransparency internal
06. fix: firefox iframe scrollbar redraw
07. added: option fast event
08. added: option first slide
09. added: option autoplay backward
10. added: option shuffle coords
11. new: autoplay visual state display by WB Text object
12. new: callback before + after
13. enhanced: HTML, XHTML W3C valid
=======================================================================================
jor_transition is based upon mike alsup's jQuery Cycle plugin
jor_transition creates cycle effects on iframes - ie. scroll, slide, fade, wipe etc effects
jor_transition update 4 is a rewrite of jor_transition
=======================================================================================
DEMO jor_transition: visit jorextensions.com
DOWNLOAD: jor_transition
Builder: jordan (6j6)
Additional code: jordan (6j6)
Code: mike alsup's cycle plugin
EB version: 4.1.0
WB version: 8+
jQuery lib: 1.7.2/1.9.1/1.11.1
W3C valid: Html, Xhtml
License: released under the MIT and GPL licenses
HISTORY:
-#-#-#- update 1 - 3: -#-#-#- 01/feb/10 - 26/feb/10
01. note: jor_transition update 4 is a rewrite of jor_transition (see .pdf in download)
-#-#-#- update 4: -#-#-#- 19/may/13
01. enhanced: WB inner jQuery + UI fx
02. changed: jquery cycle version 3.01/2.73
03. enhanced: removed anchor setup
04. enhanced: cycle slider dimension set by extension
05. enhanced: IE allowtransparency internal
06. fix: firefox iframe scrollbar redraw
07. added: option fast event
08. added: option first slide
09. added: option autoplay backward
10. added: option shuffle coords
11. new: autoplay visual state display by WB Text object
12. new: callback before + after
13. enhanced: HTML, XHTML W3C valid
Last edited by jordan on Wed Dec 17, 2014 4:28 pm, edited 15 times in total.
- me.prosenjeet
-
- Posts: 1265
- Joined: Mon Dec 24, 2007 1:50 pm
- Location: Lucknow
- Contact:
Can this be used to shuffle txt data saved on several html pages?
Sort of a text shuffle(not on page reload)
Sort of a text shuffle(not on page reload)
Check the new Chat GPT and Malware detect extensions at the link below
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Like a random text display/ shuffle ? ... no.me.prosenjeet wrote:Can this be used to shuffle txt data saved on several html pages?
Sort of a text shuffle(not on page reload)
It's a transition, by event, on iframe's, as a menu.
It can randomize the transition effect themselves, not the path.
jor_transition differs from the cycle plugin in it's targeting iframe's.
it is a bit confusing uncle rich, I will try to explain as best as I can.uncle rich wrote:I can't get this to work. Can someone explain to me how to set the anchor? I guess I don't know what it is for.
you create for each iframe 1 anchor.
url iframe 1 = anchor1
url iframe 2 = anchor2
etc etc
------------------------------------------------------------------------------------
then you add an id to match an id in webbuilder:
url iframe 1 = anchor1 = id-1
url iframe 2 = anchor2 = id-2
etc etc
but when you set an id you can also set which anchor to link to.
normaly you would want it to be just in sequence, like:
url iframe 1 = anchor1 = id-1 (-anchor1)
url iframe 2 = anchor2 = id-2 (-anchor2)
url iframe 3 = anchor3 = id-3 (-anchor3)
etc etc
but it does not have to be, you could also point it different, like:
url iframe 1 = anchor1 = id-1 (-anchor1)
url iframe 2 = anchor2 = id-2 (-anchor2)
url iframe 3 = anchor3 = id-3 (-anchor1)
etc etc
so the anchor of id-3 points to anchor1 (a click on id-3 would open iframe 1).
not much use, you would never get to iframe 3.
------------------------------------------------------------------------------------
what makes it confusing is the anchor starts at 0 (=zero).
basically see it like this, much simpler (iframe=anchor) and anchor starts at 0:
url iframe 1(anchor0) = id-1 (-0)
url iframe 2(anchor1) = id-2 (-1)
url iframe 3(anchor2) = id-3 (-2)
etc etc
hope this will make it more clear ... either that or I just made it worse . .
- iamafireman
-
- Posts: 84
- Joined: Mon May 26, 2008 2:41 am
- Location: Tennessee
Jordan,
i am using this and have it working good. I basically took your example added a couple more pages and all is good.
"BUT"
I need to have 2 pictures, lets say on page3, and when you click one it will open page7, but within the iframe with the same effect.
When I set up my link it doesnt take me to the page I want. What do I need to do to make this work/
Thanks
i am using this and have it working good. I basically took your example added a couple more pages and all is good.
"BUT"
I need to have 2 pictures, lets say on page3, and when you click one it will open page7, but within the iframe with the same effect.
When I set up my link it doesnt take me to the page I want. What do I need to do to make this work/
Thanks
hi iamafireman
could you provide a link or example project so I can see how you set it up ?
basically you set the (url ---> anchor) ---> id
the id and anchor that match will trigger it's url
iframe url 1(anchor 0) <-- id(anchor0)
iframe url 2(anchor 1) <-- id(anchor1)
iframe url 3(anchor 2) <-- id(anchor2)
etc
could you provide a link or example project so I can see how you set it up ?
basically you set the (url ---> anchor) ---> id
the id and anchor that match will trigger it's url
iframe url 1(anchor 0) <-- id(anchor0)
iframe url 2(anchor 1) <-- id(anchor1)
iframe url 3(anchor 2) <-- id(anchor2)
etc
- iamafireman
-
- Posts: 84
- Joined: Mon May 26, 2008 2:41 am
- Location: Tennessee
Jordan here is my example
"link removed"
I have all the links working across the top. The I copied link "page4" and pasted it on another page. as you will see when you click the pasted link it will not open the page.
"link removed"
I have all the links working across the top. The I copied link "page4" and pasted it on another page. as you will see when you click the pasted link it will not open the page.
Last edited by iamafireman on Sat Mar 27, 2010 7:29 pm, edited 1 time in total.
hi iamafireman,
that is not possible with this cycle plug script, jQuery is on the main-page
your links is inside the iframe, it can not call the script on the main-page
it is possible but then the whole script would have to be rewritten
all calls would have to be called as functions, and then call the functions cross-window
I am working on doing just that with jor_aniMate as an update
BUT I wouldn't dare to touch Mike Alsups script like that
sorry that can't be done with this script! . .
that is not possible with this cycle plug script, jQuery is on the main-page
your links is inside the iframe, it can not call the script on the main-page
it is possible but then the whole script would have to be rewritten
all calls would have to be called as functions, and then call the functions cross-window
I am working on doing just that with jor_aniMate as an update
BUT I wouldn't dare to touch Mike Alsups script like that
sorry that can't be done with this script! . .
- iamafireman
-
- Posts: 84
- Joined: Mon May 26, 2008 2:41 am
- Location: Tennessee
- iamafireman
-
- Posts: 84
- Joined: Mon May 26, 2008 2:41 am
- Location: Tennessee
Re: jor_transition_update 3
hi sailor1978,
TNX . . glad you like.
TNX . . glad you like.
Re: jor_transition_update 4
jor_transition update 4
jor_transition update 4 is a rewrite of jor_transition ...
01. enhanced: WB inner jQuery + UI fx
02. changed: jquery cycle version 3.01/2.73
03. enhanced: removed anchor setup
04. enhanced: cycle slider dimension set by extension
05. enhanced: IE allowtransparency internal
06. fix: firefox iframe scrollbar redraw
07. added: option fast event
08. added: option first slide
09. added: option autoplay backward
10. added: option shuffle coords
11. new: autoplay visual state display by WB Text object
12. new: callback before + after
13. enhanced: HTML, XHTML W3C valid
for full update history, demo and download see top post
jor_transition update 4 is a rewrite of jor_transition ...
01. enhanced: WB inner jQuery + UI fx
02. changed: jquery cycle version 3.01/2.73
03. enhanced: removed anchor setup
04. enhanced: cycle slider dimension set by extension
05. enhanced: IE allowtransparency internal
06. fix: firefox iframe scrollbar redraw
07. added: option fast event
08. added: option first slide
09. added: option autoplay backward
10. added: option shuffle coords
11. new: autoplay visual state display by WB Text object
12. new: callback before + after
13. enhanced: HTML, XHTML W3C valid
for full update history, demo and download see top post
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: jor_transition_update 4
Amazing! I never knew about this extension! Thanks a lot Jordan
One question: is it possible to have this scenario:
Each page contains an image and a caption, the image fades in first (as an effect) and then the text slides up, so basically the image appears first then after that the text appears, is that possible?
One question: is it possible to have this scenario:
Each page contains an image and a caption, the image fades in first (as an effect) and then the text slides up, so basically the image appears first then after that the text appears, is that possible?
Re: jor_transition_update 4
hi supersonictt,
great you like:)
nope, that's 2 effects you describe, the cycle effect occurs on the iframe and therefore on it's content, thus 1 effect
the only way to achieve that would be to use 2 instances like my demo displays
you can then layer the instances and link them through the callback properties
some custom coding and knowledge of the cycle plugin is needed to achieve that
great you like:)
nope, that's 2 effects you describe, the cycle effect occurs on the iframe and therefore on it's content, thus 1 effect
the only way to achieve that would be to use 2 instances like my demo displays
you can then layer the instances and link them through the callback properties
some custom coding and knowledge of the cycle plugin is needed to achieve that
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: jor_transition_update 4
Thanks for the reply
This is what I thought too, using 2 instances.
I will try it and see if I can make it to work
Thanks again Jordan
This is what I thought too, using 2 instances.
I will try it and see if I can make it to work
Thanks again Jordan
Re: jor_transition_update 4
glad you like naftalina! . .
Re: jor_transition 4.0
- enjoy!:)kirillovich1979 wrote:You are the man. From Russia with sincere respect!