www.wysiwygwebbuilder.com

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

Nice! Nice! Nice!

Wel done,very nice with inlineframes.

@Sjak, bendigo, Eddy

thank you . .

Can this be used to shuffle txt data saved on several html pages?
Sort of a text shuffle(not on page reload)

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)

Like a random text display/ shuffle ? ... no.
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.

jor_transition_update1

see update list at top for changes made.

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.

it is a bit confusing uncle rich, I will try to explain as best as I can.

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

not possible with the current version of jor_transition.
you are killing me bundyla . .

update to jor_transition_update2 -- added/changed name for iframe.

now leave me alone .... AAAAaaaarggghhh! . . (just kidd ng)

jor_transition_update2

see update list at top for changes made.

bundyla wrote:Where do I put the iframes name ? I do not see where to put it.

new property url iframe - iframe name (= reference iframe).

jor_transition_update3

see update list at top for changes made.

glad you like bundyla . .

and finally done --- viewtopic.php?t=27239 . . well almost .

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

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

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.

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

Well thanks anyway.. I looked at the jor_aniMate pack, but just alittle bit above my head..

iamafireman wrote:Well thanks anyway.. I looked at the jor_aniMate pack, but just alittle bit above my head..

hmmmmm ... a pity you can't use jor_aniMate
I hope to make some easy example in the future, so it will be easier to start using
. . . .

That would be great if you made a few "simple" examples. I know that takes alot of work and we do appreciate it. I am gonna take another look at it and see what I can figure out.
Thanks

hello albertwigs,

like a text transition (shuffle), of different pages . yes
like a random text shuffle on page load ??? . no

hi sailor1978,

TNX . . glad you like.

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

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?

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

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

Thanks

glad you like naftalina! . .

kirillovich1979 wrote:You are the man. From Russia with sincere respect!

- enjoy!:)