You are not logged in.

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.

nelk

Intermediate

  • "nelk" started this thread

Posts: 358

Location: Paris

  • Send private message

1

Monday, April 20th 2009, 4:54pm

Sprite Images for interface ?

Hi,

I'd like to know if it's possible to regroup all image for the interface into a single one.

I know it's possible inside a .swf, but is it inside a .png ?

The idea is have make something like this :
http://www.google.fr/images/nav_logo4.png
http://images.apple.com/fr/global/nav/im…alnavbg1007.png

This is two exemples from famous site, but there are a lot other ! The aim of this images is to reduce the number of HTTP request, and increase the loading time of a page
VideoStitch, a video stitching engine / blog sur les visites virtuelles ( french ).

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

  • Send private message

2

Monday, April 20th 2009, 8:47pm

http://www.comedycentral.com/comedycentr…ader_sprite.gif

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
.ms_search_button_web_cc{

	position: absolute;

	top: 8px;

	right: 0px;

	background-color: transparent;

	background-image: url(/comedycentral/sitewide/images/master_sprite.gif);

	background-repeat: no-repeat;	

	background-position: -87px -146px;	

	width:60px;

	height:17px;

	cursor: pointer;

	border: none;

}
It's just CSS, I don't know in how far krpano supports that. perhaps lots of htmltextfields?

3

Monday, April 20th 2009, 10:06pm

Hi,

yes, that's possible
and I would recommend it instead of using a large number of single images!

have a look at the 1.0.8 beta 7 and plugin/hotspot "crop", "onovercrop" and "ondowncrop"

here is a example:
CROP EXAMPLE

there only this single image is used:
http://krpano.com/examples/108b7/example…ple-buttons.png

best regards,
Klaus

nelk

Intermediate

  • "nelk" started this thread

Posts: 358

Location: Paris

  • Send private message

4

Monday, April 20th 2009, 10:13pm

Ok great ... thanks ! ;-)
VideoStitch, a video stitching engine / blog sur les visites virtuelles ( french ).

Similar threads