Showing and scrolling layers *** UPDATED Aug-26-2012 ***

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 7:14 pm

you can post your project here if you want, or post just a link to your site.
anyhow, i want to see your web, i mean your final work! want to know how it worked for you in a real site.
and about your question, i will think on adding a new option to the ocpn extension, maybe something like this:
[√] go to first layer when opening.
what do you think?

ps:
currently, if you want to go to the first layer, you can do it right now but via links with events.
on click / javascript -> MyObject_goto(1);MyObject_open();
replace MyObject with the real name, of course.

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 8:11 pm

I published the work to a temporary address, as it is not final. So here it is:
http://www.racketreaction.com/new
Please have a look and let me know what you think.
Am planning on converting my whole site to layers system using your extensions, it really added a professional value to it.
And about my question, it would be really great to have this option, I think you will get exactly why I want that when you see the site I provided before.
I will try what you suggested about going to the first layer using events and will report back.

One last question please. When you go to the link above, there is a (+) on the top right side of the first image after you click the button "WHAT WE DO", please click on it, another layer will appear. On the right, there is a text and in the end the text has a link (here), I want this link to close "WHAT WE DO" layer and open a "CONTACT US" layer (it is not yet ready in the demo site I provided), is this possible? Actually this question came out from another thing I wanted to as you about, in your demo site of the your layer extensions, clicking on "PANEL [A]" open the layer, how can I do that? I mean there is no option to do this exact thing in the properties of the extension, so I guess I have to it manually, or maybe in another way?

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 8:29 pm

there is a text and in the end the text has a link (here), I want this link to close "WHAT WE DO" layer and open a "CONTACT US" layer (it is not yet ready in the demo site I provided), is this possible?

whatwedo_close();contactus_open(); (replace whatwedo and contactus with be the real layers names)

there is no option to do this exact thing in the properties of the extension, so I guess I have to it manually

you can use the oc2 extension (synchronized open/close), but i think there is no need to do this, for your case, will be a far simpler to add these two events in your link.
hope this helps.

the option to go to the first layer in the ocpn extension will soon be available, stay tuned.

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 8:49 pm

As you can see in the demo site, "WHAT WE DO" has a fixed layer (layer0). Now I added another ocpn extension with layer prefix pop, and I added another layer (pop1), so for the "here" link, shall I do it using events? onclick - javascript - Layer0_close();pop_open(); ... This way?

And for what you are going to add in the new features, THANKS A LOT FOR THIS

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 9:02 pm

forget the layer0, layer1, layer2, etc...
you must point to the extension name, the name given in the object manager, and the _action().
let's say whatwedo is the extension (the object name).
let's say the whatwedo object manage the layer0 and the layer1, or just the layer1, or whatwedo_1, or whatwedo_0, whatwedo_1, whatwedo_2, etc, etc, etc.
forget the whatwedo_X layers. just point to the extensionname_action().

from the first post or from the info attached file:

Available functions for events in standard text links:
MyObject_open(): open an individual layer or a layer from a group.
MyObject_close(): close an individual layer or a layer from a group.
MyObject_switch(): open or close an individual layer or a layer from a group - if a layer is opened, then will be closed and viceversa.
MyObject_goto(n): go to a specific layer number from a group (pagination).

hope this helps.

(ps: think simple, don't overcomplicate yourself.)

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 9:15 pm

Hehe yeah, I always think things are complicated! Plus, I didn't read the first post fully! My fault

Thanks a lot [RZ] for your generous help

waiting for the new update

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 10:09 pm

didn't read the first post fully

nor the attached info file...

waiting for the new update

BETA already available (look at the "advanced" category).

*** EDIT ***
link removed - the fix is obsolete and is no longer available

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 10:20 pm

AMAZING

I really appreciate your quick response

Thanks a million [RZ]

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 10:27 pm

[RZ]
It would be great if you provide an example in the next project for oc2 to see how synchronization work

Thanks

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 10:47 pm

It would be great if you provide an example in the next project for oc2 to see how synchronization work

again, from the first post:
DEMO

open the oc-2 extension.
take a look at the property "group" from the "general" category (and its description).
you can enter the group name that the set of layers belongs to:
"main", "group a", "group b", or the name you want, just type in the name.
if you open a layer that belongs to "group a", the other layers that also belong to the "group a" will automatically be closed and the clicked will be opened.
if you set "belongs to all groups" no matter what layer is currently open, all of them (except the "don't synchronize"d ones) will automatically be closed and the selected will be opened.
just play a while with them and in a snap you will understand by yourself.

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 10:54 pm

I didn't miss that one this time

And yes, I am currently playing with this oc2, because I think my website will have three tabs: "ABOUT US", "WHAT WE DO" and "CONTACT US", so when clicking on "HOME" it will show the home layer, and when clicking "WHAT WE DO" while home layer is showing, I want to get closed and "what we do" layers to show and so on. So I guess oc2 is the best choice for that, right?

[RZ] · Post by **[RZ]** » Sat Mar 31, 2012 10:55 pm

that's right, and this is how it works.

supersonictt · Post by **supersonictt** » Sat Mar 31, 2012 10:59 pm

Thanks a lot, I will test it, and try to implement my work to it and show you the result.

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 9:16 am

[RZ]
Hello again

I worked on oc2 as I said before which this extension matches what I need, but I bumped into something!
I have 3 oc2 extensions: "Home", "What we do" and "Contact us". In the properties of each one of them, under general section, I set "Group" to "belongs to all groups".
"Home" and "Contact us" working great. Now "What we do" should have something like the one in the demo site I provided before (4 layers with next previous), and since oc2 extension can have one layer, here is what I tried to do as a workaround:
When clicking "What we do" button it opens the base layer and a transparent layer. Inside this transparent layer I placed the pagination extension with the 4 layers I want. Until this point, everything is working perfectly.
Now, if -for the oc2 extension which belongs to "What we do"- I change the base layer open/close effect to slideup, the extension crashes! What exactly happens is if I click "What we do" button which opens the oc2 extension, it takes me to white page with the down button of the pagination on the top left of the page, and that's it! Weird ha?!! And any other effect (EXCEPT "Fade") will do the same crash!

I can post the project here with if you would to have a closer look about what happens.

[RZ] · Post by **[RZ]** » Sun Apr 01, 2012 9:34 am

please post a link to the site, and zip your project here, i'll take a look into it.

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 9:41 am

Here is a simple demo.
In the demo, there are only 2 oc2 layers, the second extension the one that has transparent layer, and inside this transparent layer there is a pagination extension with 3 layers.
Working fine for the fade effect for the base layer in the second oc2, but crashing when changing this effect to anything else.

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 9:49 am

By the way I found out something:
It seems that the crash happens because the pagination extension is inside the base layer of oc2, if it is placed outside it, then the effects work properly.

[RZ] · Post by **[RZ]** » Sun Apr 01, 2012 10:12 am

thanks for the project.
although mine works fine, with the same logic than yours, i will look into it and be back with a solution as soon as i can (hope in less than two hours, i must go right now).

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 10:14 am

Thanks a lot

and take your time on that

[RZ] · Post by **[RZ]** » Sun Apr 01, 2012 2:09 pm

@supersonictt
well, i'm back and really sorry for the delay.
there was a conflict with the jquery when sliding instead of fading, and when the pagination extension is deep nested, this was because of the dynamically added buttons.
the suggested improvements and the fix are here [*** link removed: the fix is obsolete and is no longer avaiable ***].
also i attached your project here [*** link removed ***]; i named the layers in a more easy way to understand the scheme's logic behind all this stuff.
a final release will soon be available with some new improvements.
enjoy!

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 6:30 pm

@[RZ]
I just got back home from work, so I AM sorry I couldn't reply earlier.
I downloaded and tried the new files you provided... THANKS A MILLION man! Your patience and help are more than amazing

Waiting eagerly for the new update

[RZ] · Post by **[RZ]** » Sun Apr 01, 2012 7:52 pm

can i assume that all is working fine now?
can i delete the download link to your project file?

supersonictt · Post by **supersonictt** » Sun Apr 01, 2012 8:04 pm

Yes, everything is working %100

And yes you can delete the project file.
Thanks a lot

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 10:21 pm

Hello [RZ]
I managed to do everything as I wish, and thanks a million for your help

I have something I would like to ask about. I have oc2 extension, and inside it, I placed a transparent layer, and this layer holds 4 layers with the pagination extension. One of those 4 layers has the Conveyer Belt extension. Now if you place the mouse over the conveyer belt, the sliding slows down instead of stopping, but that doesn't happen if I place the conveyer belt anywhere in the page (or inside one layer without using your extension). By the way this also happens if I place the conveyer belt extension inside any layer using ocpn extension.
Any clue?
Thanks.

[RZ] · Post by **[RZ]** » Wed Apr 04, 2012 10:28 pm

it occurs only when slide effect is selected, i tested it with fade effect and there are no issues at all.
i will see if i can make a workaround for this.

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 10:45 pm

Thanks a lot.
Here is the project.
http://www.mediafire.com/?fe17wi24g1aps37
Try placing the Conveyer Belt outside the layers and preview it, then mouse over it, it will stop, but that's not the case in side the your extension.
By the way I found a workaround; instead of using conveyer belt extension, I used the built-in slideshow and chose it as a conveyer belt, it worked well inside your extension, but the images appears smaller than they should be, but I fixed this by editing the image sizes in the html file.
Anyways here is the project again. Please don't waste your time fixing this, I just wanted to mention that in order to improve your extension to the max.
Thanks

[RZ] · Post by **[RZ]** » Wed Apr 04, 2012 11:09 pm

some time ago i had some issues too with the conveyer extension...
must be an easier way to fix this... i think it is because of the way that conveyer works.

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 11:15 pm

Yes I guess so...
The slideshow is working perfectly, so I am going to replace it and fix the sizes in the html file.
By the way, remember when you added an option in ocpn in which when the extension opens it starts with the first layer every time? Will this option be available in the pagination as well?

[RZ] · Post by **[RZ]** » Wed Apr 04, 2012 11:33 pm

check what you already have in the advanced category

anyhow, the pagination is a different extension, it hasn't open/close, so, don't know where to start, where/when it is opened or closed. maybe in the next version will be available the open/close with pagination...

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 11:36 pm

Hehe actually I did, it is only available in ocpn as you modified that and sent me the extension to try it out.
So it is not yet available in any other extension (pagination as an example).

[RZ] · Post by **[RZ]** » Wed Apr 04, 2012 11:39 pm

i edited my post while you posted...
i think is preferable to add a new extension (is i told you in my previous post) instead to overcomplicate the existing ones.

(i meant the custom code to copy, paste, and modify)

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 11:42 pm

mmm, I didn't get you! Do you mean that you updated the first post with the new features and options?

[RZ] · Post by **[RZ]** » Wed Apr 04, 2012 11:45 pm

advanced -> custom start

supersonictt · Post by **supersonictt** » Wed Apr 04, 2012 11:58 pm

By the way this is what I asked you about the first time! But then, you added that extra option in ocpn extension (which says: "Go to on open"), and at that time, I believed that "Custom start" does what I wanted!
Ok, so now in the pagination extension (in my design it is named "Extension2"), I should add this before </head>:

Code: Select all

<script type="text/javascript">var Extension2_default_layer=1;</script>

Am I right?
I know am bothering you so much! Am really sorry for that man!

[RZ] · Post by **[RZ]** » Thu Apr 05, 2012 12:05 am

this code is right.
the difference with "go to on open" is: each time you open after you close, goes to the specific layer.
the custom code is "one-time" only...

supersonictt · Post by **supersonictt** » Thu Apr 05, 2012 12:18 am

Yes, but even this code is not working for me! I replaced the default layer "1" with "3" but it is still showing layer 1 as the first time I open the extension! Strange, but never mind

[RZ] · Post by **[RZ]** » Thu Apr 05, 2012 12:21 am

the zip you download from the first post, has a sample project.
open it and take a look into the optional html boxes...
or
you can enter you desired layer number in the go to on open property.
you can choose the first element, the last viewed one, or type in the number you want.

supersonictt · Post by **supersonictt** » Thu Apr 05, 2012 12:50 am

Yes, I got exactly what you mean, and yes it is working.
When you added the new option in ocpn, this option always shows the first layer as the extension opens, and this is the exact code:

Code: Select all

Extension2_open_fixed(); if (1){Extension2_curr_layer = 1;}

But I don't think it will be valid for the pagination (not this exact code, I mean the idea), and this is because the pagination is ALWAYS shown, so there is no way to go to the first layer (it doesn't close to open again with the first layer shown).
Well, in the demo site you have, the PANEL C has a pagination extension inside a layer, now if I click on the pagination and go to the second item, then I clcik on PANEL A (which will close PANEL C and open PANEL A), then I open PANEL C again, the pagination will still be on the second item. In order to make the pagination go to the first item, this can be done by javascript goto(1) for the pagination extension, I tried it in my case and it worked well, and that will be valid because the script will be attached to the Text Link... But what about if I want the button do this? Would it be doable?

*****EDIT*****
OH! I think it is doable, I am trying it now

[RZ] · Post by **[RZ]** » Thu Apr 05, 2012 12:55 am

next version will have user events as the button/peel extensions have, so you can add what you want and add more control on these ones. (i need to double-check it because we don't want any conflict...)

supersonictt · Post by **supersonictt** » Thu Apr 05, 2012 1:05 am

[RZ], I did that.
I added:

Code: Select all

Extension2_goto(1);

to the button that opens the extension containing the layer that has the pagination extension.
Well, I was looking at the code in the html file... Man, you are UNBELIEVABLY GENIUS!
And from now, thanks a million for whatever you are going to do regarding this extension! I am building my whole site using the geniality of your extensions

[RZ] · Post by **[RZ]** » Thu Apr 05, 2012 7:34 am

Well, I was looking at the code in the html file... Man, you are UNBELIEVABLY GENIUS!

yes, i'm aware of this, unfortunately there is nothing we can do about it.

just kidding!!

thanks for your kind words and for find this extensions set useful.

docdoc · Post by **docdoc** » Thu Apr 05, 2012 9:27 am

@chicguy1
I have the strange feeling that you are just SPAMMING here!

[RZ] · Post by **[RZ]** » Thu Apr 05, 2012 9:28 am

@docdoc
just feeling?

[RZ] · Post by **[RZ]** » Thu Apr 05, 2012 9:39 pm

fix available here. [*** link removed, the fix is obsolete and is no longer available ***]

supersonictt · Post by **supersonictt** » Fri Apr 06, 2012 8:49 pm

[RZ]
Thanks man

By the way, just a question. I have a flash photo slider that lets me specify links for each image, the links are stored in the generated .xml files between <link></linl>, can I transfer these links to an event? I mean, clicking one image will open a layer (just like text event: onclick-->javascript-->Extension7_open();). Are events acceptable in the .xml file?
Thanks.

[RZ] · Post by **[RZ]** » Sat Apr 07, 2012 5:26 pm

i'm sorry, i'm not familiar with the photoslider extension.
please give it a try and tell me.

supersonictt · Post by **supersonictt** » Sat Apr 07, 2012 7:07 pm

The extension is called Bcastr Slideshow (viewtopic.php?t=13803)
It is working fine with the layers extensions. In the extension, all you need to do is to add the images, and the links these images will take you to when you click on them (the links will not work in the preview mode, the page should be published to the server in order for these links to work). Upon publish the page to the hard drive, two files related to the extensions are generated (bcastr.swf and bcastr.xml). Inside bcastr.xml, there is this code:

Code: Select all

<?xml version="1.0" encoding="UTF-8" ?>
<data>
	
	<channel>
      
<item>
<link>http://www.wysiwygwebbuilder.com</link>
<image>Website.jpg</image>
<title> </title>
</item>
<item>
<link>http://www.wysiwygwebbuilder.com</link>
<image>Network.jpg</image>
<title> </title>
</item>
<item>
<link>http://www.wysiwygwebbuilder.com</link>
<image>Computer.jpg</image>
<title> </title>
</item>
<item>
<link>http://www.wysiwygwebbuilder.com</link>
<image>Smartphone.jpg</image>
<title> </title>
</item>

	</channel>

<config>
		<isShowTitle>false</isShowTitle>
    <titleBgColor>0x000000</titleBgColor>
    <titleTextColor>0xFFFFFF</titleTextColor>
    <titleBgAlpha>0.75</titleBgAlpha>
    <titleMoveDuration>1</titleMoveDuration>
    <titleFont>Arial</titleFont>
		<roundCorner>4</roundCorner>
    <isShowBtn>false</isShowBtn>
		<btnDefaultColor>0x000000</btnDefaultColor>
		<btnHoverColor>0x666666</btnHoverColor>
		<btnTextColor>0xFFFFFF</btnTextColor>
		<btnFocusColor>0x666666</btnFocusColor>
		<btnAlpha>0.7</btnAlpha>
		<transDuration>1</transDuration>
		<transform>breathe</transform>
		<blendMode>normal</blendMode>
		<scaleMode>exactFit</scaleMode>
		<btnSetMargin>auto 5 5 auto</btnSetMargin>
		<btnDistance>20</btnDistance>
    <autoPlayTime>4</autoPlayTime>
    <changImageMode>click</changImageMode>
    <windowOpen>_blank</windowOpen>
    <isHeightQuality>true</isHeightQuality>
    <isShowAbout>true</isShowAbout>
	</config>
</data>

As you can see, the <link> tag has the a URL, is it possible to change it to an event? (such as onclick="Extension7_goto(2);"). I searched google, but couldn't find it exactly as I want!
[RZ], I will search more about that, if it is possible to have events in xml file, so please don't waste your time on this thing

Thanks a lot.

[RZ] · Post by **[RZ]** » Sat Apr 07, 2012 9:40 pm

Hello; an update is available to download.

* NEW in version v1.4.1:

Hover event fixed (minor visual issue when other jQuery objects are present in the same page).
User-events support added.
Automatic/manual start-up property deprecated (improved start-up process).

Enjoy!

supersonictt · Post by **supersonictt** » Sat Apr 07, 2012 11:29 pm

Thanks [RZ]

Great update

[RZ] · Post by **[RZ]** » Tue May 01, 2012 4:20 pm

Hello; an update is available to download (please see the first post).

* NEW in version v1.5:

Hover event fixed (minor visual issue when other jQuery objects are present in the same page).
User-events support added.
Automatic/manual start-up property deprecated (improved start-up process).
(lib-1) and (lib-2) extensions were deprecated and excluded, now centralized in one "lib" extension.
Images preloading for smoother navigation.
The extensions with go-previous and go-next features, now include the onfirst and onlast behavior; i.e: on first, go last or stay on first; on last, go first or stay on last.
New extension was added: "loop".

Once again, thank you all for all these downloads.
Enjoy!