Bot dynamicImage 1.1.2b pl. Jest to zamiennik standartowego bota "mosimage", dodający rozmaite efekty do sposobu wyświetlania obrazków, jak na przykład wyskakujące okna, wsparte o javascript, oraz javascript z dhtml. Możemy też dowolnie manipulować pozycją obrazka w tak zwanym bloku (kontenerze), oraz zmieniać rozmiary obrazków do wyświetlania. Bot posiada własny arkusz styli, umieszczony w pliku XML, który możemy dowolnie modyfikować, lub też możemy pozostać przy domyśnym pliku CSS z naszej templatki. Domyślnego bota {mosimage} nie odpublikowałem, mimo że na stronie autorów nie ma wzmianki o tym, czy oba boty mogą pracować razem. Nie stwierdziłem u siebie żadnych zakłóceń, ale jak ktoś nie jest pewien, to może spokojnie odpublikować bota {mosimage}. Najważniejsze, aby Bot dynamicImage był opublikowany na pierwszym miejscu, co muszę oznaczyć na czerwono i jeszcze raz powtórzyć:
Ważne: Bot dynamicImage musi być opublikowany na pierwszym miejscu!.
Zapraszam do pobierania pliku z Downloadu, a efekty działania bota możecie zobaczyć, klikając na dowolny obrazek na stronie głównej mojego serwisu. W tym artykule tez możecie sobie kliknąć na obrazek w górnym lewym rogu. Po zmiane bota, muszę się przyznać, że czeka mnie trochę pracy przy obrazkach, bo styl używany przez dynamicImage, "rozjechał" mi niektóre z nich, ale jakoś poradzę sobie z tym. W dalszej części artykułu znajdziecie opis wykorzystania bota, przykłady, parametry oraz opis styli, wykorzystywanych przez bota.
Dodatek dynamicImage - przykłady wykorzystania i kody. Lewy nawias w kodach przesunięty, ze względu na brak mozliwości użycia dodatków Geshi i Moscode. Należy usunąć te spacje podczas kopiowania.
Parametry do wpisywania:
- cw = szerokość bloku, w którym osadzony jest obrazek
- ch = wysokość bloku, w którym osadzony jest obrazek
- iw = szerokość obrazka
- ih = wysokość obrazka
- ix = pozioma pozycja obrazka lub przesunięcie poziome względem boków bloku, , w którym osadzony jest obrazek
- iy = pionowa pozycja obrazka, lub przesunięcie pionowe względem boków bloku, w którym osadzony jest obrazek
- q = jakość obrazka (quality) 1-100
- align = pozycja pozioma, left right
- popup = Wyskakujące okno zewnętrzne (popup), wartości 1 lub 0
- popupTyp = noscript, script lub dhtml(sposób inicjacji wyskakującego okienka (popup))
- url = adres po kliknięciu na obrazek (na przykład http://www.jokris.info)
- target = _self, _blank, _parent (sposób otwarcia nowego okna, tylko dla obrazków z odsyłaczem URL)
- _self= w tym samym oknie, _blank= w nowym oknie, _parent = w ramce, oknie nadrzędnym.
- fr = stały współczynnik proporcji boków, ustalony względem najkrótszego boku obrazka, 1 lub 0
Arkusz Styli (Stylesheet) - domyślny umieszczony jest w pliku XML bota, ale można dodać poniższe linie do CSS swojej domyślnej templatki: - .imageContainer { padding: 2px }
- .imageBorder { background-color: #fff; padding: 4px; border: solid 1px #ccc }
- .imageImageBorder { border: solid 1px #000 }
- .imageCaption { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
Kod:
{ mosimage cw=95 popup=1 popupTyp=dhtml}
Parametry:
- cw=95 - szerokość bloku wraz z ramką 95 px (szerokość oryginalna obrazka 640px)
- popup=1 - aktywacja funkcji wyskakującego okna (popup)
- popupTyp=dhtml - sposób otwierania nowego okna, w tym przypadku javascript z dhtml
Kod:
{ mosimage cw=400 popup=1}
Parametry:
- cw=400 - szerokość bloku wraz z ramką 400px, mimo że zdjęcie ma szerokość 600px.
- popup=1 - jak wyżej, tylko bez dhtml
Kod:
{ mosimage cw=200 popup=1 url=http://www.szkolka-ochmanow.pl target=_blank}
Parametry:
- cw=200 - szerokość bloku wraz z ramką 200px (szerokość oryginalna obrazka 519px)
- popup=1 - jak wyżej, tylko bez dhtml
- url=http://... - adres, na jaki mamy być przekierowani, po klknięciu na zdjęcie
- target=_blank - otwarcie wpisanego url w nowym oknie
Kod:
{ mosimage cw=110 iw=180 ix=center iy=-10 popup=1}
Parametry:
- cw=110 - szerokość bloku wraz z ramką 110px (szerokość oryginalna obrazka 519px)
- iw=180 - deklarowana szerokość obrazka 180px (bez ramki, tylko w bloku)
- iy=10 - pionowa pozycja względem całego bloku (obcięcie u dołu 10px)
- popup=1 - aktywacja funkcji wyskakującego okna (popup), bez dhtml
Kod:
{ mosimage cw=90}
Parametry:
- cw=90 - szerokość bloku wraz z ramką 90px (szerokość oryginalna obrazka 600px)
Kod:
{ mosimage cw=300 iw=160 ix=60 iy=20 popup=1}
Parametry:
- cw=300 - szerokość bloku wraz z ramką 300px (szerokość oryginalna obrazka 600px)
- iw=160 - deklarowana szerokość obrazka 160px (bez ramki, tylko w bloku)
- ix=60 - pionowa pozycja obrazka względem całego bloku (przesunięcie do góry o 60px)
- iy=20 - pozioma pozycja obrazka względem całego bloku (presunięcie w lewo o 20px)
- popup=1 - aktywacja funkcji wyskakującego okna (popup), bez dhtml
Kod:
{ mosimage ch=120 fr=1}
Parametry:
- ch=120 - wysokość bloku wraz z ramką 120px (szerokość oryginalna obrazka 600px)
- fr=1 - wyrównanie proporcji boków względem najkrótszego z boków (pionowego, lub poziomego)
Kod:
{ mosimage ch=60 cw=400 iw=400}
Parametry:
- ch=60 - wysokość bloku wraz z ramką 60px (wysokość oryginalna obrazka 450px)
- cw=400 - szerokość bloku wraz z ramką 300px (szerokość oryginalna obrazka 600px)
- iw=400 - deklarowana szerokość obrazka 400px (bez ramki, tylko w bloku)
Kod:
{ mosimage cw=95 popup=1 popupTyp=noscript}
Parametry:
- cw=95 - szerokość bloku wraz z ramką 95px (szerokość oryginalna obrazka 600px)
- popup=1 - aktywacja funkcji wyskakującego okna (popup)
- popupTyp=noscript - sposób, w jakim jest otwierane nowe okno (popup), czyli bez jacascript i bez dhtml
I to chyba wszystko. Zapraszam do eksperymentowania, i odwiedzenia strony autorów www.primarymaster.com
|
Pony Gallery ML 2...
htaccess Standard SEF
.jpg&cw=400&ch=299&iw=400&ih=300&ix=0&iy=0&q=90&hash=-884923169 "Pies Guciasa")
.jpg&cw=90&ch=67&iw=90&ih=67.5&ix=0&iy=0&q=90&hash=-884923169 "Zbocze z domkiem")
.jpg "Górska Sielanka")
