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

[[RZ]]

[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]

Smooth RZ!!!!
Thanks
Joe

[[RZ]]

lol
glad you like it and thanks for your feedback

[mnwitten]

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

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

[[RZ]]

issue fixed
thank you for your report and your feedback

[mnwitten]

WOW! You nailed it! Thanks and great job.

[supersonictt]

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

[[RZ]]

thank you for your feedback

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

[[RZ]]

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

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]

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

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]

Once again, you replied faster than me
Yes, I can confirm it works %100
Thank you for your time

[supersonictt]

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