VBScript – Manipulacija slikama

VBScript moลพe biti veoma koristan kod manipulacije slikama. Uz pomoฤ‡ njega moลพemo kreirati animacije, menije (uz pomoฤ‡ bitmapa), ฤak moลพe posluลพiti i za kreiranje igara. Ova vrsta moguฤ‡nosti moลพe biti vrlo korisna zbog integracije VBSript skriptova u ASP stranice, poลกto veฤ‡ina ASP programera radi upravo u ovom skript jeziku. Za primer, videฤ‡emo kako se barata slikama tj. kreiraฤ‡emo sliku koja se menja svaki put kada korisnik klikne iznad date slike. Za ovu svrhu koristiฤ‡emo dva dogaฤ‘aja „onMouseDown“ i „onMouseUp“. Prvo ฤ‡emo, u HTML stranici, kreirati image objekat (sliku).


<img src=“slika_isklj.gif“ name=“Slika1″
width=“50″ height=“50″ border=“0″ alt=““
onMouseDown=“Ukljuci()“ onMouseUp=“Iskljuci()“>

Kao ลกto vidite, osim poznatih elemenata, tu smo joลก dodali dva poziva potprograma za ova dva dogaฤ‘aja. Sama promena slika na stranici je vrlo jednostavna. Sve ลกto je potrebno je da menjamo osobinu „src“ (source) objekta image.


Sub Ukljuci()
Slika1.src = „slika_uklj.gif“
End Sub

Sub Iskljuci()
Slika1.src = „slika_isklj.gif“
End Sub


Kada posetilac stranice bude drลพao pritisnut levi taster miลกa izvor slike ฤ‡e biti „slika_uklj.gif“. Momentom kada posetilac otpusti taster miลกa osobina „src“ ฤ‡e dobiti vrednost „slika_isklj.gif“. Poลกto se prethodna moguฤ‡nost ima manju upotrebnu vrednost u svakodnevnom kodiranju, videฤ‡emo sada primer za kojim gotovo svako ima potrebu, a vrlo je sliฤan ovom prethodnom. Radi se o tome da moลพemo da iskoristimo image objekat za modifikaciju i prikaz nekih vrsta podeลกavanja. Za tu svrhu probaฤ‡emo da promenimo status slike u trenutku kada korisnik klikne na nju.


<img src=“slika_isklj.gif“ name=“Slika2″
width=“50″ height=“50″ border=“0″ alt=““
onMouseDown=“Zameni()“>

Poลกto smo izabrali pozivanje samo jedne potprocedure, biฤ‡e potrebno da deklariลกemo i inicijalizujemo varijablu koja ฤ‡e nam govoriti o statusu objekta image. Tu varijablu ฤ‡emo nazvati „Stanje“, i sadrลพaฤ‡e vrednost „0“ kada je slika u „iskljuฤenom“ stanju, a u suprotnom sadrลพaฤ‡e vrednost „1“ za stanje „ukljuฤeno“.



Dim Stanje
Stanje = 0

Sub Zameni()
If Stanje = 0 Then
Slika2.src = „slika_uklj.gif“
Stanje = 1
Else
Slika2.src = „slika_isklj.gif“
Stanje = 0
End If
End Sub


Sada imamo samo jedan image objekat sa dva stanja. Takoฤ‘e, imamo i varijablu „Stanje“ koja odraลพava stanje slike. Ovo je samo varijacija prethodnog primera, a na vama i vaลกoj maลกti ostaje da smislite i upotrebite, i sloลพenije procedure od ovih.

Pratite Krstaricu na www.krstarica.com