Cikkajánló
Régebben már hoztam arról leírást, hogy például egy Coppermine Galériából hogyan lehet csoportosan képeket letölteni. Jó az a leírás még most is, de most hoztam egy annál egyszerűbbet. Sőt,
Elkészültek kérésre a leírások. Egy kérés volt igazából a Sosugary Coppermine galériához, de ebből kifolyólag eszembe jutott még kettő hasznos leírás, így azokat is megcsináltam. :) Amit kértetek leírás,
Még augusztusban valamikor készítettem háromféle Oldal infó szövegdobozt, amit akkor fel is tettem az oldalra, csak még nem írtam ki. Ha esetleg valaki nem tud magától készíteni az oldalára,
Prémium téma | Zendaya Coleman G-Portálos téma Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme
Képváltó kód 07.

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>



lindadesign Hozzászólások
1 461 megtekintés

Hozzászólások