Ezzel a kóddal több hátteret lehet hozzáadni a honlaphoz, amik váltogatják egymást.

Demó látható :)

Javascript kódok
Csak JS kódokból áll a script és semmi nehézség nincsen a használatában. :)

1. kód – simán ki kell másolni és beilleszteni az oldalatokba. Ha G-Portál, akkor szélső modulba, ha pl. WordPress, akkor a header.php-ba kell tenni mindegyik kódot!

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

2. kód – le kell menteni a kódot innen és az én kódomban ki kell cserélni az URL címet a sajátotokra. URL címről itt: link

<script src="/js/kepvalto-fejlec-script-07.js"></script>

3. kód – Ebben pedig meg kell adni a ti háttérképeitek URL címét. Akármennyi képet tehettek bele. Értelemszerűen lehet a sorokat növelni és csökkenteni is ;) A képek mérete mindegy mekkora, mert igazodik a böngészőhöz, tehát minden felbontásban jól fog mutatni :)

<script>
$.backstretch([
"/images/scripts/kepvalto-fejlec/07/001.jpg",
"/images/scripts/kepvalto-fejlec/07/002.jpg",
"/images/scripts/kepvalto-fejlec/07/003.jpg",
"/images/scripts/kepvalto-fejlec/07/004.jpg",
"/images/scripts/kepvalto-fejlec/07/005.jpg",
"/images/scripts/kepvalto-fejlec/07/006.jpg"
], {
fade: 750,
duration: 4000
});
</script>

2 636 megtekintés