Layer Genie Support Product Page

This topic is locked
This topic was archived

Loading bar feature

Shared 17 Jun 2004 18:19:17
1
likes this idea
17 Jun 2004 18:19:17 Kenny Darcy posted:
Hi yea,
Ok Layer Genie is one of the best html extensions out there by far, it is brilliant at creating any navigation possible, I hope you dont mind me just mention a feature that would be nice.
I would like it to have the option of a loading bar, something like the concept of pure upload where if I am to use a large image in the later, while the image is loading to have a loading bar of some sort, the when I one has a thumbnail linked to the larger image one can feel happy that no matter the connection sped of the user , you can feel confident of the presentation before hand.
at the moment I find any image bigger the say 380 x 260 can be too big if your to use any of the transitions that the lager genie has to offer. I usually like to have a transition of a "wipe right" at 1 second with my thumbnail to larger image, but as I said if the image is too big then the effect of the transition gets lost .


regards

kenny

Replies

Replied 17 Jun 2004 19:11:43
17 Jun 2004 19:11:43 Marja Ribbers-de Vroed replied:
Hi Kenny,

I'm not sure what you mean here, because Layer Genie does not load images in the page and has thus no knowledge of their 'weight' or size.

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/
Replied 17 Jun 2004 19:24:21
17 Jun 2004 19:24:21 Kenny Darcy replied:
[Hi yea,
Thanks for the reply, I forgot about the concept of interpetation of weight and size, what I mean is, I have a thumb nail, click on the thumb nail and layer geni show's my bigger pic from the thumb nail, if I have a pic bigger the 400x400 pix it can take time for it to appear in the layer. so what I ment was it would be nice to have a loading bar or something to appear inside the layer to be seen why one waits for the bigger pic is loading.

regards

kenny
Replied 17 Jun 2004 19:56:46
17 Jun 2004 19:56:46 Marja Ribbers-de Vroed replied:
But the image is already loaded... it is loaded automatically when the page itself is loaded, not by Layer Genie.
Layer Genie just shows the layer the image is wrapped in.

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/
Replied 17 Jun 2004 20:35:50
17 Jun 2004 20:35:50 Kenny Darcy replied:
Ok when the page loads, just the thumb nails are loaded, when one clicks the thumbnail then the layer appears and the larger image is loaded, what I am trying to say is , when the larger image is big it can take a few seconds to load, so to have a laoding bar appear in the middle of the layer as the image loads , if i set a transition of 2 seconds for my layer, and the image inside that layer is 30k, on a 56k modem that can take 6 seconds to load, on a faster connection it takes maybe 1 second to load. when the thumb nail is clicked the layer transition begins and loads the larger image at the same time, so for the slower browsers to have it show a loading bar why the image is loading.


it is ok if you dont know what i mean, it must be the way i explain my self, lol i was never any good at that any way.


regards

Kenny
Replied 17 Jun 2004 22:45:42
17 Jun 2004 22:45:42 Marja Ribbers-de Vroed replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
Ok when the page loads, just the thumb nails are loaded, when one clicks the thumbnail then the layer appears and the larger image is loaded
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
What prevents the larger image from loading immediately with the rest of the page?
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
it is ok if you dont know what i mean, it must be the way i explain my self, lol i was never any good at that any way.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
I do understand that you want some progress indication for the loading of the large images, but I don't see how Layer Genie is involved as Layer Genie doesn't influence the loading of the images. It's not as if showing the layer with the larger image is automatically the trigger for loading the image. If you don't do something to prevent it, eg. use a 'dummy' image and swap that for the final image just before triggering Layer Genie, all images on the page will be loaded immediately when the page loads.

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/


Edited by - MarjaR on 17 Jun 2004 22:46:06
Replied 18 Jun 2004 16:25:00
18 Jun 2004 16:25:00 Kenny Darcy replied:
Anything inside the layer is not loaded until one clicks on a thumbnail, when you click on a thumbnail the clayer call's the content that appears inside it, sometimes if that content is large then that is when the need for some type of loading bar, I am not saying there was or is a fault with layer genie , i am mearly suggesting something that if you were going to be upgrading it in the future you might consider it.

regards

kenny
Replied 18 Jun 2004 18:45:11
18 Jun 2004 18:45:11 Marja Ribbers-de Vroed replied:
Kenny, I didn't think you were saying that there is something wrong with Layer Genie.

But I don't understand why you think that the content of a layer is only loaded when it is shown?

Correct me if I'm wrong, but I really think that the content of a layer (hidden or not) is directly loaded when the page loads, as it just normal HTML and thus an integral part of the page.

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/
Replied 18 Jun 2004 20:07:57
18 Jun 2004 20:07:57 Kenny Darcy replied:
Hi yea,
Sorry, i had always been in the belief that that was the most appealing thing about layers, lol and I got so excited over it too, it had seemed in the past when I tested it to work. any way , I did find this information which I will try, I got this infor from Murry at the dreamweaver forums. the info is below.

regards

and thanks

kenny

Nope. The browser sees the reference to the image, and fetches it from the
server whether that reference is in a hidden layer or not.

If you want to use this method, read this post of mine from yesterday for an
amazingly simple technique that gets around all of these problems -

***************
Then consider this neat trick.

The problem with doing what you describe as a simple disjoint image swap
(i.e., click on a thumbnail and a larger image is swapped in at some other
location), is that the page is encumbered with the weight of all the larget
images whether the visitor ever views them or not. This is not a great
situation since it can easily turn a 15K slim-boy page into a 200K monster
with these larger images.

So - try this.

1. Put a layer on the page to hold the larger images.
2. Apply a SetTextofLayer behavior to each thumbnail image to write an
image tag into the larger image layer. Make the source file of this image
tag depend on the thumbnail clicked. In other words, thumb #1 would write -

&lt;img src="thumb1large.jpg"...&gt; - while thumb #2 would write -

&lt;img src="thumb2large.jpg"...&gt;
3. Make the event be onClick

You're done.

The utterly amazing thing is that it works beautifully!

Replied 18 Jun 2004 20:18:05
18 Jun 2004 20:18:05 Marja Ribbers-de Vroed replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
The utterly amazing thing is that it works beautifully!
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Yes, I believe that in principle this technique works, except that if the image is large (heavy) it may not be fully loaded yet when you trigger Layer Genie to show the layer.
How are you going to solve that?

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/


Edited by - MarjaR on 18 Jun 2004 20:18:32
Replied 18 Jun 2004 20:55:56
18 Jun 2004 20:55:56 Kenny Darcy replied:
haha Marja,
That is what I was trying to say to begin with, lol, see I had or was in the belief that the images only loaded when the thumbnail was clicked, ok so if I cannot get the transtitions of layer genie to work with this concept it is a small price to pay, you must agree it is brilliant to be able to show the larger pics like this.

regards and have a great weekend


Kenny
Replied 18 Jun 2004 21:11:46
18 Jun 2004 21:11:46 Marja Ribbers-de Vroed replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
haha Marja,
That is what I was trying to say to begin with, lol,
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
<img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle> Yes, you are right.
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
you must agree it is brilliant to be able to show the larger pics like this.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Yes, it's very nice. I use a similar technique in my Linked Slide Show extension.

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/
Replied 18 Jun 2004 23:07:05
18 Jun 2004 23:07:05 Kenny Darcy replied:
Hi yea again,
If I want to incorporate this with your extension, which should I have first, the layer genie then the SetTextofLayer, and if so should I set them both to onclick.

regards


kenny
Replied 18 Jun 2004 23:55:53
18 Jun 2004 23:55:53 Marja Ribbers-de Vroed replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
If I want to incorporate this with your extension, which should I have first, the layer genie then the SetTextofLayer, and if so should I set them both to onclick.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
The layer should have content before you show it, so you would first trigger the Set Text Of Layer (onClick or possibly onMouseDown) and then the Show Layer Genie behavior (onClick).

Let me know how it works out for you.

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/
Replied 19 Jun 2004 10:46:57
19 Jun 2004 10:46:57 Kenny Darcy replied:
Hi yea,
It works brilliantly, I did try using &lt;A&gt;onmousedown with the set text of layer, but on doing so it preceeds the &lt;A&gt;onclick event of layer genie , It works fine using the &lt;A&gt;onclick on both of the set text of layer and layer Genie. it would bring an excellent meal to a close now if I could only figure how to incorporate an image gauge concept to the daddy pic, thus if it is over 30k the image gauge would show. I have found this from yaomat but huuumm, I dont think it is suitable.

www.yaromat.com/dw/?ex=image%20gauge

I hope you have a great weekend , and thanks for your help.


regards

kenny
Replied 19 Jun 2004 11:53:05
19 Jun 2004 11:53:05 Kenny Darcy replied:
Hi Again,
One final problem , how can I apply text inside the layer when i have used the set text to layer concept, i find i can apply the image no problem, but applying text under the image i cant seem to do.

regards

kenny
Replied 19 Jun 2004 12:42:32
19 Jun 2004 12:42:32 Marja Ribbers-de Vroed replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>One final problem , how can I apply text inside the layer when i have used the set text to layer concept, i find i can apply the image no problem, but applying text under the image i cant seem to do.<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Do not only write the HTML for the image to the layer, but also the HTML for the text, eg.
<pre id=code><font face=courier size=2 id=code>&lt;img src="thumb1large.jpg"...&gt;&lt;br&gt;some text...</font id=code></pre id=code>

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/
Replied 20 Jun 2004 11:04:43
20 Jun 2004 11:04:43 Kenny Darcy replied:
Hi yea,
Hope you dont mind me sending a quick note on a sunday, I was wondering is there a maximum amout of charactors I can have inside my "Set text of Layer" ,


regards


kenny
Replied 20 Jun 2004 13:30:38
20 Jun 2004 13:30:38 Marja Ribbers-de Vroed replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
Hope you dont mind me sending a quick note on a sunday, I was wondering is there a maximum amout of charactors I can have inside my "Set text of Layer" ,
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Sorry, but I really have no idea. I have never used the Set Text of Layer behavior myself.

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/
Replied 21 Jun 2004 13:18:13
21 Jun 2004 13:18:13 Kenny Darcy replied:
Hi yea,
I found by setting the text of the layer as my image , applying it along with the layer genie works great, and to top it off I found by applying the "Return false fix" from www.projectseven.com/tutorials/images/showpic/index.htm means even if the image is not preloaded , that it shows the daddy pic after a few seconds if the daddy pic was many kb.

regards


Kenny
Replied 25 Jun 2004 13:25:13
25 Jun 2004 13:25:13 Kenny Darcy replied:
Hi yea,
with much much messing around, even using the "Set Frames To Text" lol I still had problems in what I wanted to do, any way Layer Genie is a great extension, it would be great though if you had another extension like the add on pack for pure upload, if you could have an add on pack for layer genie that would do the following I would buy it in an instance hehe,

1. To have the opportunity of having an image and content inside a layer, and for it to only load on the page when a link is clicked, at present all images that appear inside layers load when the page loads, I would prefer all images inside layer to only load if and when a thumbnail is clicked.
2. To have a choice of loading bars, thus if the layer called from clicking a thumbnail has a heavy image inside it , a loading bar will appear in the middle of the layer showing that a larger image is in the process of loading.

Hope you dont mind my suggestions and thanks for all your help.


regards

Kenny



Replied 25 Jun 2004 13:32:28
25 Jun 2004 13:32:28 Marja Ribbers-de Vroed replied:
<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
Hope you dont mind my suggestions
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>
Suggestions are always welcomed, and I will make a note of these. <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>

--
Marja Ribbers-de Vroed
www.flevooware.nl
www.flevooware.nl/dreamweaver/
Replied 19 Jul 2004 18:28:50
19 Jul 2004 18:28:50 Kenny Darcy replied:
Hi yea Marja,
I have found this extension
jjooee.media3.net/extensions.html

it is called "Insert url into layer", one can enter ssi, flash, or and images, the good thing about it is that any of the content is only called when the layer is called, ie if one has a thumbnail then when the thumbnail is clicked the larger image is shown, in this case the larger image is only shown when the thumbnail is clicked reather then when the page loads.

I have tested the extension and it works, but I found I had to place

;return false in the link.

a href="javascript:;"
onClick="MM_showHideLayers('Layer1','','show');MFX_loadURL('Layer1','bimbo.a
sp');return false"&gt;hello&lt;/a&gt;



It would be great if you had something like this with more whistles and bells that one could use alone with layer geni.

regards

Kenny

Reply to this topic