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>
3 060 megtekintés