jor_transition 4.0

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:

jor_transition 4.0

Post by jordan »

jor_transition 4.0

Image

=======================================================================================

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.
User avatar
zinc
 
 
Posts: 2135
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Post by zinc »

Nice! Nice! Nice!
Running WYSIWYG Web Builder since 2007...
User avatar
Eddy
 
 
Posts: 473
Joined: Tue Nov 27, 2007 1:52 am
Location: Nederland.

Post by Eddy »

Wel done,very nice with inlineframes.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

@Sjak, bendigo, Eddy

thank you . :D .
User avatar
me.prosenjeet
 
 
Posts: 1265
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Post by me.prosenjeet »

Can this be used to shuffle txt data saved on several html pages?
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
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

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

Post by jordan »

jor_transition_update1

see update list at top for changes made.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

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

Post by jordan »

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

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

now leave me alone .... AAAAaaaarggghhh! . :mrgreen: . (just kidd :wink: ng)
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

jor_transition_update2

see update list at top for changes made.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

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

Post by jordan »

jor_transition_update3

see update list at top for changes made.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

glad you like bundyla . :) .

and finally done --- viewtopic.php?t=27239 . :mrgreen: . well almost .
User avatar
iamafireman
 
 
Posts: 84
Joined: Mon May 26, 2008 2:41 am
Location: Tennessee

Post by iamafireman »

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

Post by jordan »

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
User avatar
iamafireman
 
 
Posts: 84
Joined: Mon May 26, 2008 2:41 am
Location: Tennessee

Post by iamafireman »

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.
Last edited by iamafireman on Sat Mar 27, 2010 7:29 pm, edited 1 time in total.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

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! . :( .
User avatar
iamafireman
 
 
Posts: 84
Joined: Mon May 26, 2008 2:41 am
Location: Tennessee

Post by iamafireman »

Well thanks anyway.. I looked at the jor_aniMate pack, but just alittle bit above my head..
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Post by jordan »

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
. :( . :idea: . :) .
User avatar
iamafireman
 
 
Posts: 84
Joined: Mon May 26, 2008 2:41 am
Location: Tennessee

Post by iamafireman »

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

Post by jordan »

hello albertwigs,

like a text transition (shuffle), of different pages . yes
like a random text shuffle on page load ??? . no
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_transition_update 3

Post by jordan »

hi sailor1978,

TNX . :) . glad you like.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_transition_update 4

Post by jordan »

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
supersonictt
 
 
Posts: 398
Joined: Sun May 15, 2011 10:27 am

Re: jor_transition_update 4

Post by supersonictt »

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

Re: jor_transition_update 4

Post by jordan »

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
supersonictt
 
 
Posts: 398
Joined: Sun May 15, 2011 10:27 am

Re: jor_transition_update 4

Post by supersonictt »

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 ;)
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: jor_transition_update 4

Post by naftalina »

Thanks :)
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_transition_update 4

Post by jordan »

glad you like naftalina! . :) .
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: jor_transition 4.0

Post by jordan »

kirillovich1979 wrote:You are the man. From Russia with sincere respect!
8) - enjoy!:)
Post Reply