Véletlenszerű képek diavetítéssel
Egy kicsit alakítottam az oldalon, úgy döntöttem, hogy csak ilyen blogos formában fogok itt írogatni, most ez tetszik. Egy újabb kóddal bővítettem a gyűjteményt, amivel egy diavetítést jeleníthettek meg az oldalon, véletlenszerű képekkel. A kód amivel elérhető:
<script> randomImageSlider( "szelektor" ); </script>
A szelektor helyén azt az elemet kell megadni, aminek a slideshow-t szeretnétek adni. Ez lehet egy div, vagy a body tag, stb. Alapértelmezetten a .sitetop van beállítva, ami a szerkeszthető fejléc. Célszerű a megadott elemhez egy kis css-t is adni:
szelektor {
background-size: cover;
background-position: center center;
}
Hogy használni tudd, ne feledd el az alábbi kódot beilleszteni az oldaladra: (az előző kód felett legyen)
<script src="http://nikkiiworld.flaunt.nu/gp_css/gphacks.js"></script>
Alapvetően a kód rendelkezik egy forrással, ahonnan a háttérképeket válogatja, de megadható egy előre megadott lista is, az url címekkel. Ehhez a kódot így kell kiegészíteni:
var kepek = [
"http://nikkiiworld.flaunt.nu/img/bg/01.jpg",
"http://nikkiiworld.flaunt.nu/img/bg/02.jpg",
"http://nikkiiworld.flaunt.nu/img/bg/03.jpg",
"http://nikkiiworld.flaunt.nu/img/bg/04.jpg"
];
randomImageSlider( "szelektor", kepek );
|