
|
Joomla! - Menu
|

|

|
|
Dodaj Do Zakładek |
|
|
Gadu-Gadu Firma 1.1 |
JOKRIS.INFO - Strefa Polskich Składników Joomla! i Mambo ™ |
| |
|
Księga Gości-Wpisy |
Tadeusz No jestem pod wrażeniem tej strony. Nic dziwnego - twórca - mistrz - od chociażby tej najnowszej wersji Ponygallery. Jestem nowicjuszem zau Kontynuuj | info fajna strona, zapraszam na swoją infonadzis.republika.pl Kontynuuj | | |
|
Kalendarz Imienin |
29 Sierpnia 2008 | Piątek | Imieniny obchodzą: Flora, Jan, Racibor, Sabina | Do końca roku zostało 125 dni. |
|
|
Cytaty |
| Zawsze i wszędzie, są sprawy, rzeczy, zjawiska czy istoty, które trzeba rozumieć - i takie, w które wystarczy wierzyć. |
|
|

|

|
|

|
|

|
|

|

|
© 2008 JOKRIS.INFO - Strefa Polskich Składników Joomla! i Mambo |
|
Najnowsze Pliki Dodane Do ReMOSitory |
|
|
|
|
|
Najnowsze wątki na Forum Jokris.info |
|
|
|
|
|
Odliczamy do... |
|
|
|
|
|
Jesteś w kategorii Z ostatnich dni dynamicImage 1.1.2b pl |
|
|
|
Autor: Jokris
|
|
03.08.2006. |
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
| | | | |