http://www.javascriptkit.com/script/script2/thumbslide.js
container.find(".main_image_scroller") .css("height",canvas_height+"px") .css("width",canvas_width+"px")
container.find(".thumbs_list_container").css("height",canvas_height+"px");
return $(document.createElement('div')) .html($("<img src='"+encodeURI(src)+"' width=100 height=60>"))
return $(document.createElement('div')) .append($('<div style="width:100%;height:100%;background:url('+encodeURI(src)+') center center no-repeat;"></div>'))
To je velmi jednoduche. Das si vyhledavat slovo sirka nebo vyska v kodu a pak vidis, ze se to nikde neprepocitava. Takze vyber misto, kde pridas k cislo +100 a jestli se to zmeni, tak mas spravne misto, kde treba pomer stran prepocitat. Ale to bys musela posilat do scriptu take rozmery kazdeho obrazku (nejspis to tam budes muset doprogramovat, protoze v ukazce vidim pouze seznam obrazku bez vysky a sirky
'thumbs': ["church.jpg","fpslideshow/fisherman.jpg","fpslideshow/legs.jpg",""], // paths to images
). Pak je tu druha moznost, pouzit automatiku, vlastnost obrazku si prepocitat jeden z rozmeru podle druheho. To znamena smazat vysku nebo sirku z kodu. Napr.
"<img src='"+encodeURI(src)+"' width=100 height=60>"
"<img src='"+encodeURI(src)+"' width=100>" -- html si dopocita sam vysku
Jinak, samotne prepocitavani je samozrejme jednoduche
p = sirka_can / vyska_can; // pomer pro canvas
w = sirka_can;
h = p * vyska_obr; // prepocitas vysku obrazku podle pomeru canvasu
if (h > vyska_can) // a kdyz je vyska vetsi, tak to musis prepocitat opacne
{
h = vyska_can;
w = sirka_obr / p; // nebo (1/p) * sirka_obr
}
w = Math.floor(w); // a nazaver se zbavit desetinne carky
h = Math.floor(h);