You are not logged in.

DeMonfort university - Institute of creative technologies

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

Tourvista

Intermediate

  • "Tourvista" started this thread

Posts: 260

Location: Leicester UK

  • Send private message

1

Thursday, December 2nd 2010, 10:29am

DeMonfort university - Institute of creative technologies

You can take a look at it here:

Virtual tour

This was supposed to be a very simple virtual tour. Just 1 scene, a video and show some information about the students.
But then the number of requested features grew and grew...
- When hover the students show their names.
- When click on the students show a picture and information about them.
- Can this information be shown as a hotspot? Yes sure.
- Is in possible to add a photo gallery for each student and a main gallery displaying photos of the event? Mmm yes...
- Can the hotspot be closed either clicking on it or clicking on the student? Mmm Mmm certainly...
- Do you think a hotspot should be closed when a new one it's opened? Actually that makes sense...

So I ended with a genuinely amazing and big xml file with 1,400 lines!

I think all the effort and time spent in front of the computer worth it.

Cheers
Rafael

360 Virtual tours

VN2009

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

2

Thursday, December 2nd 2010, 3:34pm

couple of thing i found so far.

clicking on 1 of christians examples the large photo cuts into the thumbnail pack and sits over some of the thumbs and under others. check the zorder so it pops on top or align the pop outs with the thumb pack as the parent and align the photos on the right hand side so they always pop on the left side of the thumbnail pack.

same thing with Troy Grant his photos pop over and under some thumbs and are distorted like the width and height and not set right it looks wierd.

also when clicking on a student I would add a 'lookto' action. clicking on a student shows thier thumbnail pack but it is off the screen, center the student onclick then open thier demo.

when showing the gallery it might be nice to have a 50% transparent mask laid under the gallery but on top of everything to kinda separate things when it is open.


just a few small things. really nice i like the concept.

Tourvista

Intermediate

  • "Tourvista" started this thread

Posts: 260

Location: Leicester UK

  • Send private message

3

Friday, December 3rd 2010, 11:13am

Oh!



Thank you very much for the feedback!!

The 'look to' action is a really good suggestion! I added it to the
virtual tour.

The main gallery have a mask but I prefer to show the hotspots gallery
without mask. Adding the mask reduces the 'hotspot effect' is my
opinion.

Regarding the issues:

- The big photo overlapping the thumbnails is not zorder fault. It's my fault. *tongue* I forgot to resize the original picture.

- The other issue, the vertical photographs appearing distorted because their width was stretched to the same width as the horizontal photographs. The funny thing was that this didn't happen all the time.

This is how I generated the photographs:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<action name="show_image">

	 action(hide_all_images);

addhotspot(image_%6);

 set(hotspot[image_%6].url,%SWFPATH%/../images/student_%1/image%6.jpg);
	 set(hotspot[image_%6].ath,get(hotspot[infobox_%1].ath) );
	 set(hotspot[image_%6].atv,get(hotspot[infobox_%1].atv) );
	 set(hotspot[image_%6].ox,-280);
	 set(hotspot[image_%6].oy,85);
	 set(hotspot[image_%6].widht,);
	 set(hotspot[image_%6].height,);
	 set(hotspot[image_%6].alpha,1);
	 set(hotspot[image_%6].visible,true);
	 set(hotspot[image_%6].zorder,30);
	 set(hotspot[image_%6].keep,false);
	 set(hotspot[image_%6].onclick,action(hide_all_images, %6); );   
	 set(hotspot[image_%6].onhover,showtext(Click to see close););
	 set(hotspot[image_%6].edge,center);
	 set(hotspot[image_%6].zoom,false);

	 trace(show_image);

</action>


At the beginning I didn't have the width and height property. When you pointed out that the images were distorted I thought adding a empty property would solve the problem. But in didn't. Then I noticed I mistyped 'width' (I typed 'widht'). So now it's solved. ;-)

If anyone else sees something that looks weird please let me know.

Cheers
Rafael

360 Virtual tours

This post has been edited 1 times, last edit by "Tourvista" (Dec 3rd 2010, 11:49am)

Similar threads