[rz] Preloaded Links (smooth nav) *** UPD 2016-Feb-29 ***

[RZ] · Post by **[RZ]** » Mon May 27, 2013 9:39 am

[rz] Preloaded Links v1.3.1

This lightweight extension makes smooth links between the website pages.

DEMO
DEMO (lite version)

HTML 4.01 Transitional
W3C compliant

* New in version 1.3.1:

- Improved attached object handling.
- Improved transition effect handling on links.
- Fixed an introduced sporadic instability working with [rz] Button II.
- Smaller/improved code.
- External library files.

* New in version 1.3.0.1:

- Fixed instability on links when the page is centered both vertically and horizontally.

* New in version 1.3:

- Added support for RWD.
- Improved compatibility with [rz] Button (and with its user defined events - sometimes were not recognized).
- Improved garbage sanitation with [rz] Tooltip.
- Resolved a back/forth refresh issue in FireFox and Opera browsers for the lite version.

* New in version 1.2:

- Improved code for better performance and compatibility.
- Fixed an introduced validation issue.

* New in version 1.1.0.5:

- Fixed an issue with the wb Carousel and wb SlideShow objects.

* New in version 1.1:

- The option to show a "loading/wait" message attaching any wb object; it can be a simple text, a shape, an [animated] image, or even a layer for advanced schemes - you can set-up advanced parameters such as method, sensitiveness, position, etc; however, this feature is optional, you can leave the pointer blank.
- New extension: Preloaded Links (lite) - this version doesn't require jQuery; there aren't page transitions, the pages are shown as fast as can.

How to use?

1. build your project as you usually do.
or
1. open a project already built.
2. drag and drop the extension and setup just a few parameters or leave them as by default.

Enjoy!

Notes:

If you still see "short flashes" between the pages, you should manually add more time to let the browser interpret the page's code.
Go to 'Advanced' category and in 'Time: fix' add more milliseconds; usually the 10% of the fade time is enough, take the greater value between the 'Time: load' and 'Time: unload' properties; it all depends on your design...

[rz] Preloaded Links
This lightweight extension makes smooth faded links between the website pages.
And, optionally, can show a "loading, please wait" message.

[rz] Preloaded Links (lite)
This lightweight extension makes snap links between the website pages.
And, optionally, can show a "loading, please wait" message.

stamjoe · Post by **stamjoe** » Mon May 27, 2013 12:53 pm

Smooth RZ!!!!
Thanks
Joe

[RZ] · Post by **[RZ]** » Mon May 27, 2013 1:02 pm

lol
glad you like it and thanks for your feedback

mnwitten · Post by **mnwitten** » Mon May 27, 2013 1:06 pm

I always love your extensions, especially the iFrame related ones. This extension is something I've been looking for, for a long time! But I am having an issue that is going to keep me from using it on some sites. On pop-up windows such as that used by the built in WB Photo Gallery, when using Light Box Gallery and Fancybox...the clicked on images no longer open in Fancybox but open in a standard browser window. The same occurs with Shadowbox.JS which I use quite often for video and page pop-ups. Regardless if you can address these admittedly niche issues, I love the extension and will find uses for it in my sites.

[RZ] · Post by **[RZ]** » Mon May 27, 2013 1:13 pm

i will take a look at this
thank your for your feedback

[RZ] · Post by **[RZ]** » Mon May 27, 2013 7:03 pm

issue fixed
thank you for your report and your feedback

mnwitten · Post by **mnwitten** » Mon May 27, 2013 8:23 pm

WOW! You nailed it! Thanks and great job.

supersonictt · Post by **supersonictt** » Mon May 27, 2013 9:36 pm

AMAZING, ISN'T IT? That's your slogan which really fits your extensions.
Thank you so much for this great extension

[RZ] · Post by **[RZ]** » Tue May 28, 2013 5:09 am

thank you for your feedback

(btw, you are right, slogan restored, lol)

[RZ] · Post by **[RZ]** » Sun Jun 02, 2013 10:28 pm

New in version 1.1:

-The option to show a "loading/wait" message attaching any wb object; it can be a simple text, a shape, an [animated] image, or even a layer for advanced schemes - you can set-up advanced parameters such as method, sensitiveness, position, etc; however, this feature is optional, you can leave the pointer blank.
-New extension: Preloaded Links (lite) - this version doesn't require jQuery; there aren't page transitions, the pages are shown as fast as can.

[RZ] · Post by **[RZ]** » Thu Jun 06, 2013 9:55 pm

you are pointing to 'loading' and you are right
in wb, this type of object has a prefix, and you should add it manually
instead of 'loading' change its id by 'wb_loading' (without the quotes)

if you want a 'smart' loading message you can change the method to 'if needed'
(you can play a bit more with the properties if you want)

supersonictt · Post by **supersonictt** » Wed Jun 26, 2013 11:07 am

Thank you for the extension [rz]

A question:
Does it work for links that point pages in an iFrame? I mean I have 3 links in page1.html and an iFrame, each link points to another page to be opened in this iFrame.

Thank you

[RZ] · Post by **[RZ]** » Wed Jun 26, 2013 11:19 am

should be, if it points to a page within the same domain
and the target page has implemented in it the pll
for better results pll (faded) is recommended; anyhow, pll (lite) also can work fine in that case
i cannot do further tests right now

supersonictt · Post by **supersonictt** » Wed Jun 26, 2013 11:24 am

Once again, you replied faster than me

Yes, I can confirm it works %100
Thank you for your time

supersonictt · Post by **supersonictt** » Thu Aug 22, 2013 5:16 pm

Hello [rz]

I noticed I have a heavy page in one of my projects, so I wanted to give this extension a shot.
I made a simple project, the first page (index) contains a css menu a text object. The second page (page1) is full of images (page weight is 2.5 megabytes), so I dragged the extension on this page and setup only the loading message to be "Layer1".
When I published the pages to the server and clicked on page1, the images started to load immediately! And "Layer1" which contains a text object (Loading please wait) shows only the text but not the layer and once the page is loaded this text disappears. What is wrong that am doing?

Thanks

[RZ] · Post by **[RZ]** » Thu Aug 22, 2013 5:30 pm

lite version:
the extension should be in the calling page and in the called page
or at least
in the calling page (and not in the called page)

normal version:
the extension should be in the calling page and in the called page

supersonictt · Post by **supersonictt** » Thu Aug 22, 2013 5:56 pm

Thanks a lot

Ok, am using the light version, now where the "Loading message" should be placed, calling page or called page?
And here is what I understand: the extension should be placed in every page of the project if these pages link to that heave page, right?

[RZ] · Post by **[RZ]** » Thu Aug 22, 2013 6:07 pm

1
the "pls wait" object is optional
if you want to have your own object to display a message in a fancy way, it must be in the same page you have placed the extension

2
you can use this ext also in this way

just fyi, you can put the "pls wait" object and the extension just one time in a masterpage or even in a masterframe, this depends on your design
i'm assuming you already know how these objects work and you got the idea about the benefits...

supersonictt · Post by **supersonictt** » Thu Aug 22, 2013 11:05 pm

Thanks for the reply

I think I got the idea of the extension, I just need to play around with it to get it fully working

And yes, I know what masterobject and masterframe objects do, I always use them in my designs.

Thanks again [rz]

supersonictt · Post by **supersonictt** » Thu Aug 22, 2013 11:43 pm

Hmmm, there must be something wrong am doing!!
Could you please check:
http://www.revivejordan.com/r/
Thanks

[RZ] · Post by **[RZ]** » Fri Aug 23, 2013 2:23 am

will be easier if you send me the project...

supersonictt · Post by **supersonictt** » Fri Aug 23, 2013 3:59 am

The project is around 5 megabytes because of the images which i added to make the page heavy, so shall i send the project with or without the images?

[RZ] · Post by **[RZ]** » Fri Aug 23, 2013 4:07 am

[RZ] · Post by **[RZ]** » Fri Aug 23, 2013 5:36 am

thanks for the project
menu / options / html -> generate external css style sheets for page specific styles
the above option must be unticked

supersonictt · Post by **supersonictt** » Fri Aug 23, 2013 5:57 am

First of all, am VERY sorry for bothering you with a mistake I've done! As I remember, this is the second time you find out this mistake done by me! And this time I was checking the options in the software and it seems I checked it by mistake, so am really sorry for that

Second, thank you very much for taking time to see what the problem is, I really appreciate it

Third, I checked you developers' page, waiting eagerly for the new extensions

any idea when are they coming out?
And fourth, expect an email from me soon to buy rz Layers 2, I should have done the purchase 2 months ago, but I was busy with some nasty clients who gave me a real headache

Thanks again for your support

[RZ] · Post by **[RZ]** » Fri Aug 23, 2013 5:59 am

cheers

Sergio Morais · Post by **Sergio Morais** » Fri Sep 27, 2013 5:28 pm

Thanks for your extensions.
Just a quick question.. We only have to drop one instance of the Preloaded Links extension on any page of the project, right?
Or is it one instance per page?
Thx

[RZ] · Post by **[RZ]** » Sat Sep 28, 2013 9:13 pm

@sergio
it was already answered, please read the thread.
you should have an instance in each page of the project, so you can have smoother links in all of the pages.
also you can put an instance in a masterpage so as you can have the same settings for the whole project; i'm assuming you know how to use a masterpage (now called masterobjects).
hope this helps and regards.

[RZ] · Post by **[RZ]** » Sat Apr 12, 2014 6:42 pm

New in version 1.2:

-Improved code for better performance and compatibility.
-Fixed an introduced validation issue.

New in version 1.1.0.5:

-Fixed an issue with the wb Carousel and wb SlideShow objects.

Please remember:
Donations would help support and maintain the developers' work better.
Feel free to enter your preferred amount (http://www.magnawebstudio.com/donation).
Your initiative is highly appreciated.
Plus, you will receive a mailing address for you to access direct, targeted support.
Thank you in advance!

How can I get a legal copy?
Please enter to http://www.magnawebstudio.com/developer and read the last terms and conditions that may apply.
If you have questions, don't hesitate to get in touch.

[RZ] · Post by **[RZ]** » Tue Oct 14, 2014 6:44 pm

UPGRADE AVAILABLE

New in version 1.3:

-Added support for RWD.
-Improved compatibility with [rz] Button (and with its user defined events - sometimes were not recognized).
-Improved garbage sanitation with [rz] Tooltip.
-Resolved a back/forth refresh issue in FireFox and Opera browsers for the lite version.

itsme · Post by **itsme** » Tue Dec 09, 2014 8:32 pm

sorry dear, i just removed my reply even before you answer as i typed it quickly after some frustrating with your site first

i got it how it is working and now exploring, you've done really nice art work

[RZ] · Post by **[RZ]** » Tue Dec 09, 2014 8:39 pm

you are the first one in years that find the site frustrating and complicated

hope you can find what you are searching for
just be patient and read carefully the descriptions, and if applies, taking a look at the available demos as they are there for you

itsme · Post by **itsme** » Wed Dec 10, 2014 7:02 pm

ok this time i read it all, and all answers were beneficial, but still couldn't make the links between pages appear like a fade and nice like in your shop page

can you hint us all how to make the navigation between pages shows fade and smooth navigate? i drag drop the extension to a first page that has the link and the target page (light version of the extension) but it loads the page directly like sharp, didn't change any settings, i tried adding an image as Object ID and it works but doesn't say Loading nicely and fading like in your shop page, is that used in your site different story? just interesting and curious

[RZ] · Post by **[RZ]** » Wed Dec 10, 2014 7:19 pm

if you follow the instructions, you will be able to do it
unless you want me to do the site for you...
please read the instructions and tell me exactly where it stops working

itsme · Post by **itsme** » Wed Dec 10, 2014 7:28 pm

i didn't say it is not working, it is amazing in fact, i said couldn't manage it to configure it in order to be like the one you have exactly, maybe it is the image you are using for "loading" gives that impression, still collecting getting loading images and testing but i still think it is great and great job you have done... in another subject you said last time that "lights off" extension has a demo, since you have access now, can you check it for me there is no demo link in the shop
thanks for your time dude

[RZ] · Post by **[RZ]** » Wed Dec 10, 2014 7:36 pm

there are two pll versions, for fade-in/out you need the regular version, if you do not need effects, it is advisable to use the "lite" version
please read patiently the properties descriptions for both extensions, they are very easy to setup
the broken links to the demos seem to be fixed

itsme · Post by **itsme** » Wed Dec 10, 2014 7:57 pm

understood

itsme · Post by **itsme** » Thu Dec 11, 2014 4:19 am

hi again, any idea why the loading object (i put small loading.gif image) in this setting but it shows it while loading like in all the screen makes around 30px x 30px image turns into full size screen, looks not nice, i couldn't find size setting to adjust this loading object

[RZ] · Post by **[RZ]** » Thu Dec 11, 2014 6:05 am

without seeing, i have no way to know

however, trying to guess, in wb10 if you are using an image instead of a layer, adding a wb_ prefix to the 'object id' under the 'loading msg' category should solve your problem

itsme · Post by **itsme** » Thu Dec 11, 2014 7:35 am

thanks dear for guessing, you gussed correct, if you put a small image as loading image object, does cover the whole screen in 100% width and height... i use only image.. no text message... tried adding wb_objectid and it works.... didn't work use layer
thanks indeed

[RZ] · Post by **[RZ]** » Thu Dec 11, 2014 7:39 am

if does not work using a layer is because you are still pointing to the image instead of a layer

anyhow, if it is working now with the prefix, it is fine

itsme · Post by **itsme** » Thu Dec 11, 2014 7:43 am

didnt try use layer instead of didn't work use layer - see how english make difference

did NOT try the layer instead of the image
with wb_ prefix works ok
cheers

naftalina · Post by **naftalina** » Thu Oct 01, 2015 2:05 pm

If I put Preloaded Links in the page which is centered horizontally and vertically I lose all the links on the page?!

[RZ] · Post by **[RZ]** » Thu Oct 01, 2015 7:36 pm

the preloaded links are not related to the page centering

naftalina · Post by **naftalina** » Thu Oct 01, 2015 8:39 pm

[RZ] wrote:the preloaded links are not related to the page centering

I did simple project and I can send you if you want.
You can check this easy.

1. Add RZ Button in empty project
2. Add RZ Preloaded Links (RZ Button works)
3. Center page horizontaly and verticaly (RZ Button don't work)

[RZ] · Post by **[RZ]** » Thu Oct 01, 2015 8:43 pm

If I put Preloaded Links in the page which is centered horizontally and vertically I lose all the links on the page?!

(RZ Button don't work)

what does not work? the preloaded link or the button?

naftalina · Post by **naftalina** » Thu Oct 01, 2015 8:59 pm

[RZ] wrote:
If I put Preloaded Links in the page which is centered horizontally and vertically I lose all the links on the page?!

(RZ Button don't work)
what does not work? the preloaded link or the button?

Button and all links stop working.

[RZ] · Post by **[RZ]** » Thu Oct 01, 2015 9:03 pm

ok, you will receive an answer as soon as possible

naftalina · Post by **naftalina** » Thu Oct 01, 2015 9:05 pm

[RZ] wrote:ok, you will receive an answer as soon as possible

This is sample project:

[RZ] · Post by **[RZ]** » Thu Oct 01, 2015 10:55 pm

New in version 1.3.0.1:

- Fixed instability on links when the page is centered both vertically and horizontally.