Sie sind nicht angemeldet.

How to display image with loading bar?

kiler129

Anfänger

  • »kiler129« ist der Autor dieses Themas

Beiträge: 4

  • Nachricht senden

1

Dienstag, 6. Dezember 2011, 00:13

How to display image with loading bar?

Hi!
I'm looking for way to display image after clicking a hotspot. For now I realized it as easy as possible:

Quellcode

 
1
2
3

       <action name="akcja_pokaz">    set(plugin[%1].visible,true);    tween(plugin[%1].alpha,1.0,0.5);    set(plugin[%2].onclick,action(akcja_zamknij(%1));)    </action>
    <action name="akcja_zamknij">    tween(plugin[%1].alpha,0,,,set(plugin[%1].visible,false));    set(plugin[%2].onclick,action(akcja_pokaz(%1));)    </action>  
<hotspot name="spot0" handcursor="true" url="../_skin/loupe-icon.png" ath="54" atv="0.05" onclick="akcja_pokaz(akcja0,spot0);"/>	<plugin name="akcja0" align="center" customColor="true" keep="false" onclick="akcja_zamknij(akcja0);" url="../_zooms/3.png" alpha="0.0" visible="false" align="center" height="90%" width="prop" />


...but I must place large image (near 1.5MB PNG). On slow connection (1-1.5Mbit/s) after clicking hotspot user must wait 15-20 seconds.
Is there any way (for sure it is *g*) to add loading bar for it?

sachagriffin

Meister

Beiträge: 1 857

Beruf: Virtual Tours - Photography - Krpano developer

  • Nachricht senden

2

Dienstag, 6. Dezember 2011, 01:20

1.5 mb?? How can there ever be a reason?
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

kiler129

Anfänger

  • »kiler129« ist der Autor dieses Themas

Beiträge: 4

  • Nachricht senden

3

Dienstag, 6. Dezember 2011, 11:24

Zitat von »sachagriffin«

1.5 mb?? How can there ever be a reason?
Please, don't even ask ... my client tell me that plaque on the monument is unreadable, so I must place loupe with extra photo. After that he said that I should cut out the background and leave the plaque itself (which is not rectangular).
Ofc I know that PNG is not good format for multi-color images but client pay, client decide ...

mindlessboss

Profi

Beiträge: 1 082

Wohnort: Russia, Kaliningrad

  • Nachricht senden

4

Dienstag, 6. Dezember 2011, 13:44

Hi!
May be something like this....

On start loading add some plugin (with text LOADING... for example)
and hide them on loaded.
This is not loading bar but better then nothing.

I'm using this trick for show large images and fotos

Andrey *thumbup*
VRAP - desktop VR content player based on krpano.
Common tasks in one place in one click! Discussion thread
DOWNLOAD for MAC
DOWNLOAD for WIN

Zephyr

Profi

Beiträge: 1 003

Wohnort: Netherlands

Beruf: Web developer

  • Nachricht senden

5

Dienstag, 6. Dezember 2011, 14:26

that, or create a flash preloader

or make it a FLAT panorama :P with a backnutton.

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

6

Dienstag, 6. Dezember 2011, 18:53

Zitat


Ofc I know that PNG is not good format for multi-color images but client pay, client decide ...


Is that true?

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Zephyr

Profi

Beiträge: 1 003

Wohnort: Netherlands

Beruf: Web developer

  • Nachricht senden

7

Dienstag, 6. Dezember 2011, 22:29

yeah. If you have lots of colors, its better to have a jpg. Its smaller because it looks at neighbouring colors. Im not talking about quality here ;)

Tuur

Erleuchteter

Beiträge: 3 839

Wohnort: Netherlands

Beruf: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Nachricht senden

8

Dienstag, 6. Dezember 2011, 22:30

Ah ok i c
Thx Z
T
*g*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

kiler129

Anfänger

  • »kiler129« ist der Autor dieses Themas

Beiträge: 4

  • Nachricht senden

9

Mittwoch, 7. Dezember 2011, 01:47

I've found compromise solution - GIF w/color map. Each image take ap. 300KB so, it's acceptable for me.
I previously think about using flash preloader but there is two problems - I don't know flash very well and it will fail on mobile devices.

Thanks for help guys!

btw. PNG offer good quality bcs this format is nearly loss-less. PNG use Zlib to compress whole pixels - it's ideal for layout graphics or logos but file size increases rapidly with increasing number of colors (especially if we use gradients).

Ähnliche Themen