[rz] Preloaded Links (smooth nav) *** UPD 2016-Feb-29 ***
[rz] Preloaded Links (smooth nav) *** UPD 2016-Feb-29 ***
[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.
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.
Last edited by [RZ] on Sun Feb 28, 2016 11:00 pm, edited 9 times in total.
Re: Preloaded Links (smooth navigation)
Smooth RZ!!!!
Thanks
Joe
Thanks
Joe
Re: Preloaded Links (smooth navigation)
lol
glad you like it and thanks for your feedback
glad you like it and thanks for your feedback
Re: Preloaded Links (smooth navigation)
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.
Mark
SkinnysWebworks.com
SkinnysWebworks.com
Re: Preloaded Links (smooth navigation)
i will take a look at this
thank your for your feedback
thank your for your feedback
Re: Preloaded Links (smooth navigation)
issue fixed
thank you for your report and your feedback
thank you for your report and your feedback
Re: Preloaded Links (smooth navigation)
WOW! You nailed it! Thanks and great job.
Mark
SkinnysWebworks.com
SkinnysWebworks.com
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: Preloaded Links (smooth navigation)
AMAZING, ISN'T IT? That's your slogan which really fits your extensions.
Thank you so much for this great extension
Thank you so much for this great extension

Re: Preloaded Links (smooth navigation)
thank you for your feedback
(btw, you are right, slogan restored, lol)
(btw, you are right, slogan restored, lol)
Re: Preloaded Links (smooth navigation) *** UPD Jun-03-2013
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.
-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.
Re: Preloaded Links (smooth navigation) *** UPD Jun-03-2013
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)
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)
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: Preloaded Links (smooth navigation) *** UPD Jun-03-2013
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

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

Re: Preloaded Links (smooth navigation) *** UPD Jun-03-2013
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
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
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: Preloaded Links (smooth navigation) *** UPD Jun-03-2013
Once again, you replied faster than me 
Yes, I can confirm it works %100
Thank you for your time

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

-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: Preloaded Links (smooth navigation) *** UPD Jun-03-2013
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
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
