A Tudósnaptár plugin egyszerűen beilleszthető bármely web-oldalra, amelynek kiszologálója képes php-programok futtatására1. Töltse le a programot, és csomagolja ki a weboldal könyvtárába, majd módosítsa a weboldal HTML-kódját: illessze be a következő sort arra a helyre, ahová a Tudósnaptár képsort szeretné:
<div id="tudosnaptar" class="tudosnaptar" data-tnconfig="1,0,0,5000,tudosnaptar"></div>
Az oldal fejében (head) szerepelnie kell a tudósnaptár könyvtárban levő stílusfájlnak:
<link href="tudosnaptar/tudosnaptar.css" rel="stylesheet">
Tegye be az oldal testébe a következő két javascript fájl-hivatkozást (ellenőrizze, hogy a html oldal nem tölti be máshol a jquery könyvtárt!)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="tudosnaptar/tudosnaptar.js"></script>
Ha web-kiszolgálója nem engedélyezi CDN-fájlok betöltését, használhat helyileg tárolt jquery.js-t is.
A tudósnaptár alkalmazást a data-tnconfig-ban megadott adatokkal konfigurálhatja. Az adatok jelentése balról jobbra:
- 0: minden tudós megjelenítése egyszerre, 1: csak egy tudós látszik, és automatikusan vált a tudósok között ("diavetítés").
- 0: a szöveg a kép alatt jelenik meg, 1: a szöveg akkor jelenik meg, ha az egérmutató a kép fölé kerül.
- Képméret: 0: 121 pixel, 1: 90 pixel
- Képváltás frekvenciája ezredmásodpercben (csak a diavetítés üzemmódban).
- Tudósnaptár könyvtár relatív vagy abszolút URL-je
A fenti példában megadott tudósnaptár ezek szerint diavetítés üzemmódban működik, mutatja a kép alatt a szöveget, 5 másodpercenként jelenik meg új kép, nagy képeket mutat, és a weboldal könyvtárában található a tudosnaptar könyvtár.
Próbálja ki! Állítson be az alábbi felületen értékeket a képsor alkalmazásnak:
Ha minden tudós egyszerre látszik, a tudosnaptár szélessége és elhelyezkedése stílusokkal konfigurálható, pl. style="width: 200px;" egy 200 képpont széles tudósnaptárt hoz létre. Figyelem! Diavetítés üzemmódban a Tudósnaptár mérete előre be van állítva! Ne adjon meg stílust a tudósnaptárnak!
Tartalomkezelő alkalmazások
Ha olyan weblapon szeretné megjeleníteni a Tudósnaptár képsorát, amely tartalomkezelőt (WordPress, Joomla, Drupal) használ, töltse le és telepítse a megfelelő modult. A modulok a tartalomkezelő programok legfrissebb verzióihoz lettek kifejlesztve, de kérés esetén megoldható régebbi verziókhoz is a modul elkészítése.
Ezek használatakor a modul konfigurálásával állíthatja be a Tudósnaptár megjelenítését.
Selmeci Béla
1 A program használatához szükség van a a PHP CURL kiterjesztésére.