Magic Thumb™

[prieditis]

Magic Thumb™ is a fantastic way to enlarge thumnbail images using a JavaScript lightbox effect.

One reason why Magic Thumb™ is popular is that the user stays on the same page. You don't need to load a new page or use popup windows. It just loads immediately on click.

 

The user experience is rich - people like the web 2.0 lightbox enlarge effect. Users appreciate that it is immediate - the large image enlarges on click without waiting for it to download. This gives a better experience than waiting (as with an AJAX lightbox that requests images on demand).

 

You can display an unlimited number of images on a page. Large images have large file sizes, so be sure to compress your images with a good ratio of size to quality (aim for a JPEG filesize of 30-70kb). You can use JPEG, PNG or GIF.

 

Two images are required for Magic Thumb™ - one large image (about 450-550 pixels height) and one thumbnail image (about 80-120 pixels height).

 

Varbūt kādam noder priekš e-commerce (osCommerce, CreLoaded vai ZenCart u.c.)

 

Links http://www.magictoolbox.com/magicthumb/

[foxsk8]

Tā īsti neskatījos, bet ar ko šis būtu labāks par mūsu pašmāju http://fancybox.net/

[Kavacky]

Ar šo "[..] it is immediate - the large image enlarges on click without waiting for it to download [..]"?

[2easy]

tas nozīmē tikai to, ka lielās bildes download bija jau agrāk. ja lielo bildi laicīgi downloado, tad arī fancybox to varēs parādīt uzreiz, jo šī bilde jau būs iekš browsera cache

[Kavacky]

Jā, tā tas neapšaubāmi ir. Tikai jautājums ir tāds - vai FancyBox to pats dara?

 

Tas, ka tā var uztaisīt... nu, tas nozīmē, ka to vēl ir jāuztaisa, nevis var ņemt un lietot. Droši vien, ka tur tas labumiņš.

[2easy]

var ņemt un lietot

<script type="text/javascript">
window.onload = function() {
var a = ["bilde1.jpg", "bilde2.jpg", "bilde3.jpg"];
for (var i = 0; i < a.length; i++) new Image().src = a[i];
}
</script>

bilžu preload ir tiešām that simple, ka tāpēc vien nevajag ņemt citu bilžu palielinātāju ;)

new Image().src = "bilde.jpg";

notestēts uz ie6,ie7,ie8,ff,opera,safari,chrome

 

vienīgi piemēra vnkāršības dēļ tika izmantots pats vnkāršākais event handlera piešķiršanas veids. production vidē izmanto advancētāku metodi

[codez]

2easy, javascriptā ir

 

for (var i in a) {dowhatever(a[i]);}

Edited February 4, 2010 by codez

[2easy]

hehe, i know ;)

taču arrayiem standartā lietoju garāko pierakstu, atstājot for (var i in o) tikai objekta propertiju apstaigāšanai

ja ir arī kkādas 3rd pārtī bibliotēkas, tās mēdz apkarināt Array prototipu ar visādiem saviem propertijiem un metodēm un tad for (var i in a) fails miserably :D:D:D

 

es jau cenšos rakstīt kā īsāk, bet увы, ne vnm tā var...

Edited February 5, 2010 by 2easy