Sie sind nicht angemeldet.

Sprite Images for interface ?

nelk

Fortgeschrittener

  • »nelk« ist der Autor dieses Themas

Beiträge: 358

Wohnort: Paris

  • Nachricht senden

1

Montag, 20. April 2009, 16:54

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

Profi

Beiträge: 1 003

Wohnort: Netherlands

Beruf: Web developer

  • Nachricht senden

2

Montag, 20. April 2009, 20:47

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

Quellcode

 
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?

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

3

Montag, 20. April 2009, 22:06

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

Fortgeschrittener

  • »nelk« ist der Autor dieses Themas

Beiträge: 358

Wohnort: Paris

  • Nachricht senden

4

Montag, 20. April 2009, 22:13

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

Ähnliche Themen