You are not logged in.

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: 994

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?
3d childrens game using krpano Game
Minify your xml with my krpano XML Compressor
Krpano XML Parsing Error Checklist
Available for hire (krpano xml, javascript, actionscript, flash, php and ipad plugins).

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