2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Coppermine Gallery themes

Coppermine Gallery themes
19 napja
45 néző

WordPress themes

WordPress themes
20 napja
48 néző

G-Portál themes

G-Portál themes
20 napja
25 néző

Tumblr themes

Tumblr themes
20 napja
42 néző

Képváltó kód 01.


Javascript kód
A .js fájlokat töltsétek le, majd töltsétek fel a tárhelyetekre, az URL címét pedig cseréljétek le a kódban. Kiemeltem az URL részt a Javascript kódban.
G-Portálosoknak: A .js fájlokat oldaladon a Médiatárba töltsd fel!
kepvalto-fejlec-script-01.js, kepvalto-fejlec-script-01-01.js
 

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


Képváltó kódja
Akkor lesz szép a script, ha minden képed egyforma nagyságú!!!
 

<div id="slideshow">
 <img alt="" class="active" src="/images/scripts/kepvalto-fejlec/01/001.png" />
<img alt="" src="/images/scripts/kepvalto-fejlec/01/002.png" />
<img alt="" src="/images/scripts/kepvalto-fejlec/01/003.png" />
<img alt="" src="/images/scripts/kepvalto-fejlec/01/004.png" />
</div>


CSS kód
 

<style type="text/css">
#slideshow {
    position:relative;
    height:500px; /* képeid magassága */
}
#slideshow IMG {
    position:absolute;
    top:0; /* mennyi pixellel legyen lejjebb a kép a lap tetejétől */
    left:100; /* a lap bal oldalához képest mennyivel legyen jobbra a kép */
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}</style>


2 337 megtekintés

Hozzászólások