Bot dynamicImage 1.1.2c pl. Data wudania projektu na SourceForge 09.08.2006. Zmiany w stosunku do wersji 1.1.2.b:

• Usunięto błąd z wyswietlaniem tekstu opisowego (Caption - nagłówek tekstu)

Bot jest uzupełnieniem standartowego bota "mosimage", dodającym 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.

Ważne: Bot dynamicImage musi być opublikowany na pierwszym miejscu!.

Ważne: Nie należy odpublikowywać standartowego bota "mosimage"!.

Odsyłam do własnego artykułu dynamicImage , w którym pokazałem przykłady wykorzystania bota, oraz kody.
Poniżej cytuje listę parametrów, które możemy użyć w poleceniach wpisywanych do znaczników "mosimage".

• 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 przekierowania 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

1. .imageContainer { padding: 2px }
2. .imageBorder { background-color: #fff; padding: 4px; border: solid 1px #ccc }
3. .imageImageBorder { border: solid 1px #000 }
4. .imageCaption { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }