Orezanie v Javascripte

Rech25

Ahojte.
Mám takýto script:

<script type="text/javascript">
cislo = new Date();
cislo = "?"+cislo.getTime();
obrazok = '<a href="http://www.aktual.sk"><img src="http://aktual.sk/xxxx.png" width="400" height="200" alt="aktual.sk" border="0"></a>';
document.write(obrazok);
</script>

Tento script načítava obrázok z jedného serveru. Obrázok má však úplne hore popis v cudzom jazyku a chcem ho jednoducho orezat, aby script jednoducho tuto cast obrazku nanacitaval, napr aby 50 px od vrchu nezobrazilo.
PRIKLAD.
Script uvedeny vyssie nacitava tento obrazok:
vid priloha POVODNY OBRAZOK

Ja vsak chcem aby hornu cast obrazku nezobrazilo a zobrazilo ho takto.
vid priloha UPRAVENY OBRAZOK

eMPiko

Nestacil by css atribut clip? http://www.w3schools.com/css/pr_pos_clip.asp

Alebo načítavanie obrázku cez flash? Kde môzeš ľubovolne meniť aký koľvek atribút. Viem spraviť šablonu a aj s manuálom ak by si chcel. (zadarmo samozrejme)

//autoeditácia príspevku (menej ako pred minútou)
Tak, na tvoju žiadosť som ti vyhotovil flash picture loader. To čo je v prílohe je plne funkčné ale hojko to má chránené tak preto sa nič nenačíta a ani nie je definovane čo sa má načítať. To v prílohe si stiahni. HTML kód pre vloženie SWF súboru do web stránky vyzerá takto:

Kód: Vybrať všetko

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="500" height="400" id="pic_loader" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="pic_loader.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="pic_loader.swf" quality="high" bgcolor="#ffffff" width="500" height="400" name="pic_loader" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Vysvetlenie:
<param name="movie" value="pic_loader.swf" /> je cesta k súboru SWF
a tak isto je cesta definovaná aj v EMBED tagu src="pic_loader.swf" obidve cesty musia byt rovnaké OBJECT je pre IE a EMBED je pre mozzilu, operu a pod.
Ďalej môžeš meniť šírku a výšku toho SWFka width="500" height="400" to sú defaultné rozmery toho SWF súboru. Ďalej je tam bgcolor="#ffffff" ak ti biela farba pozadia toho SWF nebude ladiť so stránkou, proste si zmeníš toto pozadie týmto atribútom.

Teraz sa dostávame k hlavnej časti a to je nastavenie atribútov pre načítanie a deformovanie načítaného obrázku.
Aby SWF vedelo, aký obrázok má načítavať tak mu to treba zadať pomocou variabilnej, ktorá sa pridáva za cestu k SWF súboru, takto:
<param name="movie" value="pic_loader.swf?obr=tvoj_obrazok.jpg" />
a pre embed je to tak isto:
src="pic_loader.swf?obr=tvoj_obrazok.jpg"
tým to sa ti načíta obrázok do SWFka, a ak ho budeš chcieť ďalej upraviť tak zadáš za tento atribút ďalší pomocou znaku & (týmto znakom sa pridávajú aj ostatné atribúty, znak ? sa používa iba pre prvý atribút v poradí) napr. <param name="movie" value="pic_loader.swf?obr=tvoj_obrazok.jpg&defx=50&defy=60&copy=hojko.com&web=http://www.hojko.com" />

Legenda k atribútom, ktoré je možné použiť:

1. Cesta k obrázku
  - obr = cesta (link) k obrázku, ktorý sa má načítať.
2. Pozícia
  - pozx = pozícia načítaného obrázku v osi x (môžeš ho posúvať zľava, doprava a naopak)
  - pozy = pozícia načítaného obrázku v osi y (môžeš ho posúvať z hora, dolu a naopak)
3. Deformácia
  - defx = zmena šírky obrázku v percentách bez znaku % iba číslo
  - defy = zmena výšky obrázku v percentách bez znaku % iba číslo
  - sir = zmena šírky obrázku v pixeloch (zadáva sa iba číslo)
  - vys = zmena výšky obrázku v pixeloch (zadáva sa iba číslo)
4. Extra
  - copy = týmto atribútom si môžeš dať na SWFko copyright, ktorý sa zobrazí, keď niekto klikne na tú flash aplikáciu pravým tlačidlom (zadáva sa iba text)
  - web = týmto atribútom pridelíš tvojmu copyrightu aj link, na ktorý sa má prejsť po kliknutí (zadáva sa iba celá cesta bez úvodzoviek napr. web=http://www.hojko.com)

EnJoy!

Orezanie v Javascripte

Orezanie v Javascripte

Re: Orezanie v Javascripte

Re: Orezanie v Javascripte